体育与健康pdf修改4

yiming

2024-08-15 87da339bebe4a04d9fed5cab5bd4e550b4c3f257

 src/books/sportsAndHealth/view/components/chapter003.vue

@@ -1391,6 +1391,7 @@
                  x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
                  :src="chapter003.videoUrl.v2"></video>
                <span>{{ chapter003.videoMd5.v2.name }}</span>

              </div>
              <div class="videoItem" v-if="chapter003.videoShow1">
                <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
@@ -7520,16 +7521,28 @@
        </div>
      </div>
    </div>
    <el-dialog :visible.sync="dialogVisible" width="60vw" top="2vh" append-to-body  lock-scroll :show-close="false"
      class="custom-dialog">
      <div slot="title" class="header_title">
        <span>{{ pdfTitle }}</span>
        <span @click="closeDialog"> x </span>
      </div>
      <div class="pdfModal" v-if="dialogVisible">
        <preView :isClear="dialogVisible" :md5="p_md5"></preView>
      </div>
    </el-dialog>


  

    <el-dialog
        :visible.sync="dialogVisible"
        width="60vw"
        top="2vh"
        append-to-body
        lock-scroll
        :show-close="false"
        class="custom-dialog"
      >
        <div slot="title" class="header_title">
          <span>{{ pdfTitle }}</span>
          <span @click="closeDialog"> x </span>
        </div>
        <div class="pdfModal" v-if="dialogVisible">
          <preView :isClear="dialogVisible" :md5="p_md5"></preView>
        </div>
      </el-dialog>

  </div>
</template>
<script>
@@ -7582,12 +7595,10 @@
        isShowXyx12: false,
        isShowXyx13: false,
        isShowXyx14: false,

        isShowXyx15: false,
        isShowXyx16: false,
        isShowXyx17: false,
        isShowXyx18: false,

        score1: 0,
        score2: 0,
        score3: 0,
@@ -8584,91 +8595,70 @@
}
</script>

<style lang="less"  scoped>
// .pdfModal {
//   width: 100%;
//   height: 90vh;
<!-- <style lang="less" scoped> -->
<!-- // .pdfModal {
// width: 100%;
// height: 90vh;
// }

// .custom-dialog {
//   overflow: hidden !important;
// overflow: hidden !important;

//   /deep/ .el-dialog__body {
//     padding: 0;
//   }
// /deep/ .el-dialog__body {
// padding: 0;
// }

//   /deep/ .el-dialog__header {
//     background-color: rgba(0, 0, 0, 0.8);
// /deep/ .el-dialog__header {
// background-color: rgba(0, 0, 0, 0.8);

//     .header_title {
//       display: flex;
//       justify-content: space-between;
//       align-items: center;
//       color: #fff;
//       font-weight: 900;
//       font-size: 16px;
//       font-family: 'FZLTXIHJW';
// .header_title {
// display: flex;
// justify-content: space-between;
// align-items: center;
// color: #fff;
// font-weight: 900;
// font-size: 16px;
// font-family: 'FZLTXIHJW';

//       span:nth-child(2):hover {
//         cursor: pointer;
//       }
//     }
// span:nth-child(2):hover {
// cursor: pointer;
// }
// }

//     /deep/.el-dialog__title,
//     /deep/ .el-dialog__headerbtn .el-dialog__close {
//       color: #fff;
//       font-weight: 900;
//       font-size: 16px;
//       font-family: 'FZLTXIHJW';
//     }
//   }
// /deep/.el-dialog__title,
// /deep/ .el-dialog__headerbtn .el-dialog__close {
// color: #fff;
// font-weight: 900;
// font-size: 16px;
// font-family: 'FZLTXIHJW';
// }
// }
// }

// @media screen and (max-width: 1024px) {
//   .pdfModal {
//     width: 100%;
//     height: 80vh;
//   }
// .pdfModal {
// width: 100%;
// height: 80vh;
// }

//   .custom-dialog {
//     /deep/ .el-dialog {
//       width: 90vw !important;
//     }
//   }
// .custom-dialog {
// /deep/ .el-dialog {
// width: 90vw !important;
// }
// }
// }

// @media screen and (max-width: 800px) {
//   .pdfModal {
//     width: 100%;
//     height: 60vh;
//   }

//   .custom-dialog {
//     /deep/ .el-dialog {
//       width: 90vw !important;
//     }
//   }
// }
</style>
<style lang="less" scoped>
// b {
//     color: #F79447;
// .pdfModal {
// width: 100%;
// height: 60vh;
// }

.imgBox {
    display: flex !important;
    flex-direction: column-reverse !important;
    position: relative !important;
// .custom-dialog {
// /deep/ .el-dialog {
// width: 90vw !important;
// }
// }
// } -->


    .img {
        position: absolute !important;
        left: 40% !important;
        bottom: -10% !important;
    }

    img {
        height: 80%;
    }
}
</style>
<!-- </style> -->