From cc8eff15ca66810cd35957c46f195bff1646a99f Mon Sep 17 00:00:00 2001 From: 闫增涛 <1829501689@qq.com> Date: 星期一, 27 五月 2024 17:19:22 +0800 Subject: [PATCH] 学前儿童page-box加if --- src/books/childHealth/view/index.vue | 94 +++++++++++++++------------------------------- 1 files changed, 31 insertions(+), 63 deletions(-) diff --git a/src/books/childHealth/view/index.vue b/src/books/childHealth/view/index.vue index ec27130..3c0e84d 100644 --- a/src/books/childHealth/view/index.vue +++ b/src/books/childHealth/view/index.vue @@ -1,5 +1,12 @@ <template> - <div class="temp-book" @mouseup="handleMouseUp"> + <div + class="temp-book" + @mouseup="handleMouseUp" + :style="{ + fontSize: fontSize ? fontSize + 'px' : '16px', + transform: `scale(${pageZoom ? pageZoom : 1})` + }" + > <pageContent></pageContent> </div> </template> @@ -7,64 +14,22 @@ <script> import pageContent from "./content/index.vue"; export default { - name: "child-health", components: { - pageContent, + pageContent }, data() { - return { - bookData: {}, - type: "option", - idPathList: [], - cardList: [], - isMouseDown: false - }; + return {}; }, - mounted() { - this.getBookInfo(); - }, - 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) => { - console.log("鍥句功淇℃伅",res.datas); - this.$data.bookData = res.datas - this.$store.commit('setRootCmsItemId',res.datas.rootCmsItemId) - }); + computed: { + fontSize() { + return this.$store.state.qiankun.fontSize; }, + pageZoom() { + return this.$store.state.qiankun.scale / 100; + } + }, + mounted() {}, + methods: { getParentWithClass(element, className) { while (element.parentElement) { element = element.parentElement; @@ -74,7 +39,9 @@ } }, handleMouseUp(e) { - const selection = (this.container ? this.container : window).getSelection(); + const selection = ( + this.container ? this.container : window + ).getSelection(); const txt = selection.toString(); if (selection.type != "none" && txt) { let node = selection.anchorNode.parentNode; @@ -100,12 +67,13 @@ y: e.y }); } - console.log("閫変腑鐨勬枃瀛�", { - chapterNum, - txt, - selection, - node, - page, + } + } else { + if (this.$store.state.qiankun.windowSelection) { + this.$store.state.qiankun.windowSelection({ + chapterNum: "", + txt: "", + page: "", x: e.x, y: e.y }); @@ -116,6 +84,6 @@ }; </script> -<style lang="less" scoped> - +<style lang="less"> +@import "../assets/main.less"; </style> -- Gitblit v1.9.1