| | |
| | | <template> |
| | | <div id="app"> |
| | | |
| | | <childHealth v-if="activeBook.name == 'childHealth'"></childHealth> |
| | | <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> |
| | | <sportsAndHealth v-if="activeBook.name == 'sportsAndHealth'"></sportsAndHealth> |
| | | <artAndDance v-if="activeBook.name == 'artAndDance'"></artAndDance> |
| | | <artAndDrama v-if="activeBook.name == 'artAndDrama'"></artAndDrama> |
| | | <mathBook v-if="activeBook.name == 'mathBook'"></mathBook> |
| | |
| | | async created() { |
| | | if (this.setGlobalState) { |
| | | this.setGlobalState({ |
| | | |
| | | initTestBook: async (bookId, tryPageCount) => { |
| | | |
| | | this.activeBook = await this.config.getBookConfig( |
| | | process.env.VUE_APP_RESOURCE_CTX + process.env.VUE_APP_BOOK_ID |
| | | ); |
| | | |
| | | this.config.activeBook = this.activeBook; |
| | | this.config.goodsStore = this.activeBook.storeRefcode; |
| | | if (tryPageCount) { |
| | |
| | | // mathBook |
| | | this.activeBook = await this.config.getBookConfig( |
| | | process.env.VUE_APP_RESOURCE_CTX + |
| | | (process.env.VUE_APP_ENV == "product" |
| | | ? process.env.VUE_APP_BOOK_ID |
| | | : "mathBook") |
| | | (process.env.VUE_APP_ENV == "product" |
| | | ? process.env.VUE_APP_BOOK_ID |
| | | : "english") |
| | | ); |
| | | // 测试试读30页 |
| | | // this.activeBook.tryPageCount = 10; |
| | | this.config.activeBook = this.activeBook; |
| | | this.config.goodsStore = this.activeBook.storeRefcode; |
| | | } |
| | | }, |
| | | methods: { |
| | | |
| | | but() { |
| | | console.log(this.activeBook, 'this.activeBook789'); |
| | | } |
| | | |
| | | } |
| | | }; |
| | | |
| | | </script> |
| | | |
| | | <style lang="less"> |
| | |
| | | height: 100%; |
| | | margin: 0; |
| | | } |
| | | |
| | | #app { |
| | | width: 100%; |
| | | height: 100%; |
| | | } |
| | | |
| | | .highLight { |
| | | border: 1px dashed rgba(255, 255, 255, 0); |
| | | border-radius: 5px; |
| | | padding: 3px 0; |
| | | cursor: pointer; |
| | | } |
| | | |
| | | .highLight:hover { |
| | | border: 1px dashed #949494 !important; |
| | | } |
| | |
| | | text-underline-thickness: 2px; |
| | | cursor: pointer; |
| | | } |
| | | |
| | | .underline:hover { |
| | | border: 1px dashed #949494 !important; |
| | | } |