From 87da339bebe4a04d9fed5cab5bd4e550b4c3f257 Mon Sep 17 00:00:00 2001 From: yiming <m13691596795@163.com> Date: 星期四, 15 八月 2024 17:43:54 +0800 Subject: [PATCH] 体育与健康pdf修改4 --- src/books/sportsAndHealth/view/components/chapter003.vue | 154 ++++++++++++++++++++++++--------------------------- 1 files changed, 72 insertions(+), 82 deletions(-) diff --git a/src/books/sportsAndHealth/view/components/chapter003.vue b/src/books/sportsAndHealth/view/components/chapter003.vue index 36821a7..9473690 100644 --- a/src/books/sportsAndHealth/view/components/chapter003.vue +++ b/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> \ No newline at end of file +<!-- </style> --> -- Gitblit v1.9.1