| | |
| | | process.env.VUE_APP_RESOURCE_CTX + |
| | | (process.env.VUE_APP_ENV == "product" |
| | | ? process.env.VUE_APP_BOOK_ID |
| | | : "artAndDrama") |
| | | : "sportsAndHealth") |
| | | ); |
| | | // 测试试读30页 |
| | | // this.activeBook.tryPageCount = 10; |
| | |
| | | <template> |
| | | <div class="chapter" num="5"> |
| | | <div class="chapter" num="3"> |
| | | <!-- 124 --> |
| | | <div class="page-box" page="135"> |
| | | <div v-if="showPageList.indexOf(135) > -1"> |
| | |
| | | }, |
| | | toUrl(val) { |
| | | if (val) { |
| | | |
| | | |
| | | this.dialogVisible = true; |
| | | this.p_md5 = this.chapter004.pdfMd5[val].md5; |
| | | this.pdfTitle = this.chapter004.pdfMd5[val].name; |
| | | } |
| | | }, |
| | | |
| | | |
| | | |
| | | |
| | | |
| | | |
| | | |
| | | }, |
| | | }; |
| | | </script> |
| | | <style lang="less" scoped> |
| | | |
| | | |
| | | .pdfModal { |
| | | width: 100%; |
| | | height: 90vh; |
| | |
| | | } |
| | | } |
| | | } |
| | | |
| | | .img { |
| | | font-family: "FZLTXIHJW"; |
| | | text-align: center; |
| | |
| | | <!-- @format --> |
| | | |
| | | <template> |
| | | <div class="chapter" num="6"> |
| | | <div class="chapter" num="3"> |
| | | <div class="page-box" page="163"> |
| | | <div v-if="showPageList.indexOf(163) > -1"> |
| | | <div class="bodystyle textHeader"> |
| | |
| | | <template> |
| | | <div class="chapter" num="7"> |
| | | <div class="chapter" num="3"> |
| | | <div class="page-box" page="202"> |
| | | <div v-if="showPageList.indexOf(202) > -1"> |
| | | <div class="bodystyle textHeader"> |
| | |
| | | </script> |
| | | |
| | | <style lang="less" scoped> |
| | | |
| | | .pdfModal { |
| | | width: 100%; |
| | | height: 90vh; |
| | |
| | | } |
| | | } |
| | | } |
| | | |
| | | </style> |
| | |
| | | <!-- @format --> |
| | | |
| | | <template> |
| | | <div class="chapter" num="8"> |
| | | <div class="chapter" num="3"> |
| | | <div class="page-box" page="227"> |
| | | <div v-if="showPageList.indexOf(227) > -1"> |
| | | <div class="bodystyle textHeader"> |
| | |
| | | <!-- @format --> |
| | | |
| | | <template> |
| | | <div class="chapter" num="9"> |
| | | <div class="chapter" num="3"> |
| | | <div class="page-box" page="249"> |
| | | <div v-if="showPageList.indexOf(249) > -1"> |
| | | <div class="bodystyle textHeader"> |
| | |
| | | <!-- @format --> |
| | | |
| | | <template> |
| | | <div class="chapter" num="10"> |
| | | <div class="chapter" num="3"> |
| | | |
| | | |
| | | <div class="page-box" page="265"> |
| | |
| | | } |
| | | } |
| | | } |
| | | |
| | | |
| | | </style> |
| | |
| | | const pageDom = ( |
| | | this.container ? this.container : document |
| | | ).querySelector(`[page="${page}"]`) |
| | | |
| | | if (pageDom) { |
| | | pageDom.scrollIntoView() |
| | | } else { |
| | | |
| | | console.log('页码错误!') |
| | | } |
| | | }, 500) |