| | |
| | | ></pageHeader> |
| | | <chapterOne |
| | | @saveCharacters="saveCharacters" |
| | | @initViewer="initViewer" |
| | | v-if="showCatalogList.indexOf(2) > -1" |
| | | :showPageList="loadPageList" |
| | | ></chapterOne> |
| | | <chapterTwo |
| | | @saveCharacters="saveCharacters" |
| | | @initViewer="initViewer" |
| | | v-if="showCatalogList.indexOf(3) > -1" |
| | | :showPageList="loadPageList" |
| | | ></chapterTwo> |
| | | <chapterThree |
| | | @saveCharacters="saveCharacters" |
| | | @initViewer="initViewer" |
| | | v-if="showCatalogList.indexOf(4) > -1" |
| | | :showPageList="loadPageList" |
| | | ></chapterThree> |
| | | <chapterFour |
| | | @saveCharacters="saveCharacters" |
| | | @initViewer="initViewer" |
| | | v-if="showCatalogList.indexOf(5) > -1" |
| | | :showPageList="loadPageList" |
| | | ></chapterFour> |
| | | <chapterFive |
| | | @saveCharacters="saveCharacters" |
| | | @initViewer="initViewer" |
| | | v-if="showCatalogList.indexOf(6) > -1" |
| | | :showPageList="loadPageList" |
| | | ></chapterFive> |
| | | <chapterSix |
| | | @saveCharacters="saveCharacters" |
| | | @initViewer="initViewer" |
| | | v-if="showCatalogList.indexOf(7) > -1" |
| | | :showPageList="loadPageList" |
| | | ></chapterSix> |
| | | <chapterSeven |
| | | @saveCharacters="saveCharacters" |
| | | @initViewer="initViewer" |
| | | v-if="showCatalogList.indexOf(8) > -1" |
| | | :showPageList="loadPageList" |
| | | ></chapterSeven> |
| | | <chapterEight |
| | | @saveCharacters="saveCharacters" |
| | | @initViewer="initViewer" |
| | | v-if="showCatalogList.indexOf(9) > -1" |
| | | :showPageList="loadPageList" |
| | | ></chapterEight> |
| | | |
| | | </div> |
| | | <miniAudio |
| | | :path="audioPath" |
| | |
| | | import chapterTwo from "./chapter002.vue"; |
| | | import chapterThree from "./chapter003.vue"; |
| | | import chapterFour from "./chapter004.vue"; |
| | | import chapterFive from "./chapter005.vue"; |
| | | import chapterSix from "./chapter006.vue"; |
| | | import chapterSeven from "./chapter007.vue"; |
| | | import chapterEight from "./chapter008.vue"; |
| | | import miniAudio from "@/components/miniAudio/index.vue"; |
| | | import NoteIcon from "@/assets/images/biji.png"; |
| | | import _ from "lodash"; |
| | |
| | | export default { |
| | | data() { |
| | | return { |
| | | catalogLength: 5, // 总章节数 |
| | | catalogLength: 9, // 总章节数 |
| | | showCatalogList: [], // 显示的章节 |
| | | loadThreshold: 300, // 触发加载阈值 |
| | | throttleThreshold: 100, // 节流阈值 |
| | |
| | | |
| | | // 测试页面跳转 |
| | | // setTimeout(() => { |
| | | // this.gotoPage(4,59); |
| | | // this.gotoPage(,); |
| | | // setTimeout(() => { |
| | | // this.renderSign("Highlight", { |
| | | // id: "2ACA9359", |
| | |
| | | chapterTwo, |
| | | chapterThree, |
| | | chapterFour, |
| | | chapterFive, |
| | | chapterSix, |
| | | chapterSeven, |
| | | chapterEight, |
| | | }; |
| | | // 遍历所有章节文件 |
| | | for (const key in pageData) { |
| | |
| | | chapterTwo, |
| | | chapterThree, |
| | | chapterFour, |
| | | chapterFive, |
| | | chapterSix, |
| | | chapterSeven, |
| | | chapterEight, |
| | | miniAudio, |
| | | }, |
| | | }; |