| | |
| | | <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> |
| | | </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"; |
| | | |
| | | export default { |
| | | name: "App", |
| | |
| | | childHealth, |
| | | lifeCare, |
| | | embedded, |
| | | english |
| | | english, |
| | | sportsAndHealth, |
| | | }, |
| | | data() { |
| | | return { |
| | | activeBook: {} |
| | | activeBook: {}, |
| | | }; |
| | | }, |
| | | async created() { |
| | |
| | | (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 |
| | | this.config.resourceCtx + "childHealth" |
| | | ); |
| | | // 测试试读30页 |
| | | // this.activeBook.tryPageCount = 10; |
| | |
| | | this.config.activeBook = this.activeBook; |
| | | this.config.goodsStore = this.activeBook.storeRefcode; |
| | | } |
| | | } |
| | | }, |
| | | }; |
| | | </script> |
| | | |
| | |
| | | border-bottom: 2px solid; |
| | | cursor: pointer; |
| | | } |
| | | |
| | | /* swiper */ |
| | | .swiper-container{ |
| | | width: 100%; |
| | | height: 100%; |
| | | } |
| | | |
| | | .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; |
| | | } |
| | | </style> |