vpp/src/views/fdjh/fdjh.vue

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

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

<style scoped lang="css">
.page {
  background-image: url('./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(./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>