vpp/src/views/ystjjk/llx/llx.vue

<template>
    <div class="page">
        <iframe class="image_2 pos_2">
            <img src="../../fdjh/img/fdjh-left.png">
        </iframe>
        <div id="iframe1" class="image_3 pos_3" style="">
            <iframe src="/public#/llx1" style="width: 100%;height: 100%">
            </iframe>
        </div>
    </div>
</template>

<script>
export default {
    name: 'llx-name',
}
</script>

<style lang="css" scoped>
.page {
    background-image: url('../../fdjh/img/fdjh-bj.png');
    position: absolute;
    width: 1920px;
    height: 1080px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.image {
    width: 100vw;
    height: 4.5833vw;
}

iframe {
    border: 0;
}

#iframe1 {
    background-image: url(../../fdjh/img/img.png);
}

.pos {
    position: absolute;
    width: 1920px;
    height: 88px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 992px;
}

.image_2 {
    width: 23.56rem;
    height: 56.88rem;
}

.pos_2 {
    position: absolute;
    width: 377px;
    height: 910px;
    left: 30px;
    right: 1513px;
    top: 142px;
    bottom: 28px;
}

.image_3 {
    width: 91.19rem;
    height: 56.88rem;
}

.pos_3 {
    position: absolute;
    width: 1479px;
    height: 910px;
    left: 408px;
    right: 33px;
    top: 142px;
    bottom: 28px;
}
</style>