From 7563745d85fbab0d69bf1fb69a32109de778bd9b Mon Sep 17 00:00:00 2001 From: 闫增涛 <1829501689@qq.com> Date: 星期五, 31 五月 2024 14:26:33 +0800 Subject: [PATCH] ppt --- src/App.vue | 89 +++++++++++++++++++++++++++++++++++++++----- 1 files changed, 79 insertions(+), 10 deletions(-) diff --git a/src/App.vue b/src/App.vue index ceedcae..5b6a882 100644 --- a/src/App.vue +++ b/src/App.vue @@ -4,6 +4,9 @@ <lifeCare v-if="activeBook.name == 'lifeCare'"></lifeCare> <embedded v-if="activeBook.name == 'embedded'"></embedded> <english v-if="activeBook.name == 'english'"></english> + <sportsAndHealth + v-if="activeBook.name == 'sportsAndHealth'" + ></sportsAndHealth> </div> </template> @@ -12,6 +15,7 @@ import lifeCare from "./books/lifeCare/index.vue"; import embedded from "./books/embedded/view/index.vue"; import english from "./books/English/view/index.vue"; +import sportsAndHealth from "./books/sportsAndHealth"; export default { name: "App", @@ -20,16 +24,17 @@ lifeCare, embedded, english, + sportsAndHealth }, data() { return { - activeBook: {}, + activeBook: {} }; }, async created() { if (this.setGlobalState) { this.setGlobalState({ - initTestBook: async (bookId) => { + initTestBook: async (bookId, tryPageCount) => { // this.activeBook = await this.config.getBookConfig(this.config.resourceCtx + bookId); if ( this.config.resourceCtx == @@ -42,27 +47,34 @@ this.activeBook = await this.config.getBookConfig( this.config.resourceCtx ); - console.log("鍥句功", this.activeBook); + if (tryPageCount) { + this.activeBook.tryPageCount = tryPageCount; + } if ( (this.$store.state.qiankun, this.$store.state.qiankun.getBookConfig) ) { this.$store.state.qiankun.getBookConfig({ - bookConfig: this.activeBook, + bookConfig: this.activeBook }); } - }, + } }); } else { this.activeBook = await this.config.getBookConfig( // childHealth + // lifeCare + // sportsAndHealth + // embedded + // english this.config.resourceCtx + "childHealth" ); - console.log("ac", this.activeBook); + // 娴嬭瘯璇曡30椤� + // this.activeBook.tryPageCount = 10; + this.config.activeBook = this.activeBook; - debugger; this.config.goodsStore = this.activeBook.storeRefcode; } - }, + } }; </script> @@ -80,7 +92,7 @@ .highLight { border: 1px dashed rgba(255, 255, 255, 0); border-radius: 5px; - padding: 3px; + padding: 3px 0; cursor: pointer; } .highLight:hover { @@ -89,7 +101,7 @@ .underline { border: 1px dashed rgba(255, 255, 255, 0); - padding: 5px; + padding: 5px 0; border-radius: 5px; text-decoration: underline; text-decoration-style: wavy; @@ -103,5 +115,62 @@ .notesline { padding-bottom: 2px; border-bottom: 2px solid; + cursor: pointer; +} + +/* swiper */ +.swiper-container { + width: 100%; + height: 100%; +} + +.swiper-pagination-bullet-active { + background-color: #0093ff; +} + +.swiper-button-prev, +.swiper-button-next { + width: 27px; + height: 44px; + margin-top: -22px; + z-index: 10; + cursor: pointer; + display: flex; + align-items: center; + justify-content: center; + color: #0093ff; +} + +.swiper-button-prev:after, +.swiper-button-next:after { + font-family: swiper-icons; + font-size: 30px; + text-transform: none !important; + letter-spacing: 0; + text-transform: none; + font-variant: initial; + line-height: 1; +} + +.imgBox { + position: relative; +} + +.imgBox img { + max-width: 100%; + max-height: 100%; + width: auto; + height: auto; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + margin: auto; +} + + +.openImgBox img{ + cursor: zoom-in; } </style> -- Gitblit v1.9.1