| | |
| | | <div id="searchDomBox" style="display: none"> |
| | | <div id="searchContent"></div> |
| | | </div> |
| | | <div |
| | | class="public-sportsAndHealth" |
| | | :style="{ |
| | | <div class="public-sportsAndHealth" :style="{ |
| | | fontSize: fontSize ? fontSize + 'px' : '16px', |
| | | transform: `scale(${pageZoom ? pageZoom : 1})`, |
| | | transformOrigin: 'center top', |
| | | }" |
| | | > |
| | | <front001 |
| | | v-if="showCatalogList.indexOf(1) > -1" |
| | | :showPageList="loadPageList" |
| | | /> |
| | | <ChapterOne |
| | | v-if="showCatalogList.indexOf(2) > -1" |
| | | :showPageList="loadPageList" |
| | | /> |
| | | <ChapterTwo |
| | | v-if="showCatalogList.indexOf(3) > -1" |
| | | :showPageList="loadPageList" |
| | | /> |
| | | <ChapterThree |
| | | v-if="showCatalogList.indexOf(4) > -1" |
| | | :showPageList="loadPageList" |
| | | @openPDFChange="swdtChange" |
| | | /> |
| | | }"> |
| | | |
| | | |
| | | |
| | | |
| | | |
| | | <ChapterOne v-if="showCatalogList.indexOf(1) > -1" :showPageList="loadPageList"></ChapterOne> |
| | | <ChapterTwo v-if="showCatalogList.indexOf(2) > -1" :showPageList="loadPageList"></ChapterTwo> |
| | | |
| | | |
| | | |
| | | |
| | | |
| | | |
| | | |
| | | |
| | | <ChapterThree v-if="showCatalogList.indexOf(3) > -1" :showPageList="loadPageList"></ChapterThree> |
| | | <assemblyOne v-if="showCatalogList.indexOf(4) > -1" :showPageList="loadPageList"></assemblyOne> |
| | | <assemblyTwo v-if="showCatalogList.indexOf(5) > -1" :showPageList="loadPageList" @openPDFChange="swdtChange" /> |
| | | |
| | | |
| | | <!-- <ChapterFour |
| | | v-if="showCatalogList.indexOf(5) > -1" |
| | | :showPageList="loadPageList" |
| | |
| | | </template> |
| | | |
| | | <script> |
| | | |
| | | |
| | | import Vue from "vue"; |
| | | import front001 from "./front001"; |
| | | import ChapterOne from "./chapter001"; |
| | | import ChapterTwo from "./testDynaicTable"; |
| | | import ChapterThree from "./testPp"; |
| | | |
| | | import ChapterOne from "./front001"; |
| | | import ChapterTwo from "./chapter001"; |
| | | import ChapterThree from "./chapter002"; |
| | | |
| | | |
| | | import assemblyOne from "./testDynaicTable"; |
| | | import assemblyTwo from "./testPp"; |
| | | |
| | | // import ChapterFour from "./testPp"; |
| | | // import ChapterFive from "./chapter005"; |
| | | // import chapterSix from "./chapter006"; |
| | |
| | | }, 500); |
| | | |
| | | // 测试页面跳转 |
| | | // setTimeout(() => { |
| | | // this.gotoPage(1,10); |
| | | setTimeout(() => { |
| | | this.gotoPage(1, 23); |
| | | // setTimeout(() => { |
| | | // this.renderSign("Highlight", { |
| | | // id: "2ACA9359", |
| | |
| | | // txt: " 运动系统是由骨、骨连结和骨骼肌三部分组成的。全身的骨通过骨连结组成人体骨骼(见图1-1)。骨骼是人体的支架,具有保护内脏器官、供肌肉附着和作为肌肉运动的杠杆等作用。在神经系统的支配下,肌肉收缩牵动所附着的骨绕着关节转动,使身体产生各种动作。所以,运动系统具有运动、支持和保护等功能,幼年时期的骨骼还具有造血功能。 ", |
| | | // txtIndex: 57 |
| | | // }); |
| | | // }, 500); |
| | | }, 500); |
| | | }, |
| | | methods: { |
| | | swdtChange(data) { |
| | |
| | | let catalogIndex = 0; |
| | | // 所有章节组件(每本书制作时单独配置) |
| | | const pageData = { |
| | | front001, |
| | | |
| | | |
| | | ChapterOne, |
| | | ChapterTwo, |
| | | ChapterThree, |
| | | assemblyOne, |
| | | assemblyTwo |
| | | }; |
| | | // 遍历所有章节文件 |
| | | for (const key in pageData) { |
| | |
| | | }, |
| | | }, |
| | | components: { |
| | | front001, |
| | | |
| | | |
| | | |
| | | ChapterOne, |
| | | ChapterTwo, |
| | | ChapterThree, |
| | | assemblyOne, |
| | | assemblyTwo |
| | | // ChapterFour, |
| | | // ChapterFive, |
| | | // chapterSix, |