| | |
| | | <lifeCare v-if="activeBook.name == 'lifeCare'"></lifeCare> |
| | | <embedded v-if="activeBook.name == 'embedded'"></embedded> |
| | | <english v-if="activeBook.name == 'english'"></english> |
| | | <sportsAndHealth |
| | | v-if="activeBook.name == 'sportsAndHealth'" |
| | | ></sportsAndHealth> |
| | | <artAndDance v-if="activeBook.name == 'artAndDance'"></artAndDance> |
| | | </div> |
| | | </template> |
| | | |
| | |
| | | import lifeCare from "./books/lifeCare/index.vue"; |
| | | import embedded from "./books/embedded/view/index.vue"; |
| | | import english from "./books/English/view/index.vue"; |
| | | import sportsAndHealth from "./books/sportsAndHealth"; |
| | | import artAndDance from './books/artAndDance/view/index.vue' |
| | | |
| | | export default { |
| | | name: "App", |
| | |
| | | lifeCare, |
| | | embedded, |
| | | english, |
| | | sportsAndHealth, |
| | | artAndDance |
| | | }, |
| | | data() { |
| | | return { |
| | | activeBook: {}, |
| | | activeBook: {} |
| | | }; |
| | | }, |
| | | async created() { |
| | | if (this.setGlobalState) { |
| | | this.setGlobalState({ |
| | | initTestBook: async (bookId) => { |
| | | initTestBook: async (bookId, tryPageCount) => { |
| | | // this.activeBook = await this.config.getBookConfig(this.config.resourceCtx + bookId); |
| | | if ( |
| | | // "http://182.92.203.7:3007/books/resource/" |
| | | // "https://jsek.bnuic.com/books/resource/" |
| | | this.config.resourceCtx == |
| | | "http://182.92.203.7:3007/books/resource/" |
| | | ) { |
| | |
| | | this.activeBook = await this.config.getBookConfig( |
| | | this.config.resourceCtx |
| | | ); |
| | | console.log("图书", this.activeBook); |
| | | if (tryPageCount) { |
| | | this.activeBook.tryPageCount = tryPageCount; |
| | | } |
| | | if ( |
| | | (this.$store.state.qiankun, this.$store.state.qiankun.getBookConfig) |
| | | ) { |
| | | this.$store.state.qiankun.getBookConfig({ |
| | | bookConfig: this.activeBook, |
| | | bookConfig: this.activeBook |
| | | }); |
| | | } |
| | | }, |
| | | } |
| | | }); |
| | | } else { |
| | | this.activeBook = await this.config.getBookConfig( |
| | | // childHealth |
| | | this.config.resourceCtx + "lifeCare" |
| | | // lifeCare |
| | | // sportsAndHealth |
| | | // embedded |
| | | // english |
| | | // artAndDance |
| | | this.config.resourceCtx + "childHealth" |
| | | ); |
| | | // 测试试读30页 |
| | | // this.activeBook.tryPageCount = 10; |
| | | this.config.activeBook = this.activeBook; |
| | | this.config.goodsStore = this.activeBook.storeRefcode; |
| | | } |
| | | }, |
| | | } |
| | | }; |
| | | </script> |
| | | |
| | |
| | | .highLight { |
| | | border: 1px dashed rgba(255, 255, 255, 0); |
| | | border-radius: 5px; |
| | | padding: 3px; |
| | | padding: 3px 0; |
| | | cursor: pointer; |
| | | } |
| | | .highLight:hover { |
| | |
| | | |
| | | .underline { |
| | | border: 1px dashed rgba(255, 255, 255, 0); |
| | | padding: 5px; |
| | | padding: 5px 0; |
| | | border-radius: 5px; |
| | | text-decoration: underline; |
| | | text-decoration-style: wavy; |
| | |
| | | cursor: pointer; |
| | | } |
| | | |
| | | /* swiper */ |
| | | .swiper-container { |
| | | width: 100%; |
| | | height: 100%; |
| | | } |
| | | |
| | | .swiper-pagination-bullet-active { |
| | | background-color: #0093ff; |
| | | } |
| | | |
| | | .swiper-button-prev, |
| | | .swiper-button-next { |
| | | width: 27px; |
| | | height: 44px; |
| | | margin-top: -22px; |
| | | z-index: 10; |
| | | cursor: pointer; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | color: #0093ff; |
| | | } |
| | | |
| | | .swiper-button-prev:after, |
| | | .swiper-button-next:after { |
| | | font-family: swiper-icons; |
| | | font-size: 30px; |
| | | text-transform: none !important; |
| | | letter-spacing: 0; |
| | | text-transform: none; |
| | | font-variant: initial; |
| | | line-height: 1; |
| | | } |
| | | |
| | | .imgBox { |
| | | position: relative; |
| | | } |
| | | |
| | | .imgBox img { |
| | | max-width: 100%; |
| | | max-height: 100%; |
| | | width: auto; |
| | | height: auto; |
| | | position: absolute; |
| | | top: 0; |
| | | right: 0; |
| | | bottom: 0; |
| | | left: 0; |
| | | margin: auto; |
| | | } |
| | | |
| | | |
| | | .openImgBox img{ |
| | | cursor: zoom-in; |
| | | } |
| | | </style> |