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 | 77 ++++++++++++++++++++++++++++++++++---- 1 files changed, 68 insertions(+), 9 deletions(-) diff --git a/src/App.vue b/src/App.vue index 219326f..5b6a882 100644 --- a/src/App.vue +++ b/src/App.vue @@ -24,11 +24,11 @@ lifeCare, embedded, english, - sportsAndHealth, + sportsAndHealth }, data() { return { - activeBook: {}, + activeBook: {} }; }, async created() { @@ -50,20 +50,23 @@ if (tryPageCount) { this.activeBook.tryPageCount = tryPageCount; } - console.log("鍥句功", this.activeBook); 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 - this.config.resourceCtx + "sportsAndHealth" + // lifeCare + // sportsAndHealth + // embedded + // english + this.config.resourceCtx + "childHealth" ); // 娴嬭瘯璇曡30椤� // this.activeBook.tryPageCount = 10; @@ -71,7 +74,7 @@ this.config.activeBook = this.activeBook; this.config.goodsStore = this.activeBook.storeRefcode; } - }, + } }; </script> @@ -89,7 +92,7 @@ .highLight { border: 1px dashed rgba(255, 255, 255, 0); border-radius: 5px; - padding: 3px; + padding: 3px 0; cursor: pointer; } .highLight:hover { @@ -98,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; @@ -114,4 +117,60 @@ 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