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 | 107 +++++++++++++++-------------------------------------- 1 files changed, 31 insertions(+), 76 deletions(-) diff --git a/src/books/childHealth/view/index.vue b/src/books/childHealth/view/index.vue index 84e2048..3c0e84d 100644 --- a/src/books/childHealth/view/index.vue +++ b/src/books/childHealth/view/index.vue @@ -1,83 +1,35 @@ <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> <script> -import examinations from "./components/examinations/index.vue"; import pageContent from "./content/index.vue"; -// import testData from '../assets/examinationList' -// import getQuestionData from '@/assets/methods/examination' export default { - name: "child-health", components: { - pageContent, - examinations + 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) - // const questiondata = testData - // for(let key in testData) { - // for(let tkey in testData[key]) { - // console.log(testData[key][tkey]); - // questiondata[key][tkey] = getQuestionData(res.datas.rootCmsItemId,testData[key][tkey]) - // } - // } - // this.$store.commit('setQuestionData',questiondata) - // console.log(questiondata); - }); + 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; @@ -87,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; @@ -113,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 }); @@ -129,6 +84,6 @@ }; </script> -<style lang="less" scoped> - +<style lang="less"> +@import "../assets/main.less"; </style> -- Gitblit v1.9.1