| | |
| | | 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" |
| | |
| | | </span> |
| | | <span @click="toUrl(1)">乒乓球的常用术语(一).pdf</span> |
| | | </div> |
| | | |
| | | <div class="pdf-view"> |
| | | <span> |
| | | <svg t="1717640665152" class="icon" viewBox="0 0 1024 1024" version="1.1" |
| | |
| | | </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> |
| | |
| | | }, |
| | | } |
| | | </script> |
| | | |
| | | <!-- <style lang="less" scoped> --> |
| | | <!-- // .pdfModal { |
| | | // width: 100%; |
| | | // height: 90vh; |
| | | // } |
| | | |
| | | // .custom-dialog { |
| | | // overflow: hidden !important; |
| | | |
| | | // /deep/ .el-dialog__body { |
| | | // padding: 0; |
| | | // } |
| | | |
| | | // /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'; |
| | | |
| | | // 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'; |
| | | // } |
| | | // } |
| | | // } |
| | | |
| | | // @media screen and (max-width: 1024px) { |
| | | // .pdfModal { |
| | | // width: 100%; |
| | | // height: 80vh; |
| | | // } |
| | | |
| | | // .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> --> |