| | |
| | | <template> |
| | | <div |
| | | class="temp-book" |
| | | @mouseup="handleMouseUp" |
| | | :style="{ |
| | | fontSize: fontSize ? fontSize + 'px' : '16px', |
| | | transform: `scale(${pageZoom ? pageZoom : 1})`, |
| | | }" |
| | | > |
| | | <div class="temp-book" @mouseup="handleMouseUp"> |
| | | <pageContent></pageContent> |
| | | </div> |
| | | </template> |
| | |
| | | <script> |
| | | import pageContent from "./content/index.vue"; |
| | | export default { |
| | | name: "child-health", |
| | | components: { |
| | | pageContent, |
| | | }, |
| | | data() { |
| | | return { |
| | | bookData: {}, |
| | | type: "option", |
| | | idPathList: [], |
| | | cardList: [], |
| | | isMouseDown: false, |
| | | }; |
| | | return {}; |
| | | }, |
| | | computed: { |
| | | fontSize() { |
| | | return this.$store.state.qiankun.fontSize; |
| | | }, |
| | | pageZoom() { |
| | | return this.$store.state.qiankun.scale / 100; |
| | | }, |
| | | }, |
| | | mounted() { |
| | | this.getBookInfo(); |
| | | }, |
| | | |
| | | mounted() {}, |
| | | methods: { |
| | | getBookInfo() { |
| | | let query = { |
| | | path: "*", |
| | | queryType: "*", |
| | | productId: this.config.bookId, |
| | | favoriteTypes: "FavoriteBookCity", |
| | | itemFields: { |
| | | "SysType=": "CmsFolder", |
| | | }, |
| | | coverSize: { |
| | | height: 300, |
| | | }, |
| | | fields: { |
| | | seriesName: [], |
| | | author: [], |
| | | isbn: [], |
| | | publicationDate: [], |
| | | bookClassification: [], |
| | | paperPrice: [], |
| | | JDLink: [], |
| | | tmallLink: [], |
| | | dangdangLink: [], |
| | | weidianLink: [], |
| | | content: [], |
| | | authorIntroduction: [], |
| | | // isApplyPaperBook: [], |
| | | // isApplyEBook: [], |
| | | isApplyBook: [], |
| | | isSell: [], |
| | | pdf: [], |
| | | protectedEpub: [], |
| | | probationPage: [], //pdf试读页数 |
| | | freeEpubPage: [], //epub试读百分比 |
| | | }, |
| | | }; |
| | | this.MG.store.getProductDetail(query).then((res) => { |
| | | this.$data.bookData = res.datas; |
| | | this.$store.commit("setRootCmsItemId", res.datas.rootCmsItemId); |
| | | }); |
| | | }, |
| | | getParentWithClass(element, className) { |
| | | while (element.parentElement) { |
| | | element = element.parentElement; |
| | |
| | | }; |
| | | </script> |
| | | |
| | | <style lang="less" scoped></style> |
| | | <style lang="less"> |
| | | @import "../assets/main.less"; |
| | | </style> |