From 28f79c906721eea9ff2c74cf87ae1179a831d534 Mon Sep 17 00:00:00 2001 From: 闫增涛 <1829501689@qq.com> Date: 星期二, 04 六月 2024 17:43:59 +0800 Subject: [PATCH] 合并 --- src/App.vue | 83 ++++++++++++++++++++++++++++++++++++++--- 1 files changed, 76 insertions(+), 7 deletions(-) diff --git a/src/App.vue b/src/App.vue index ad0fac7..8f7eebb 100644 --- a/src/App.vue +++ b/src/App.vue @@ -4,6 +4,10 @@ <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> + <artAndDance v-if="activeBook.name == 'artAndDance'"></artAndDance> </div> </template> @@ -12,6 +16,8 @@ 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"; +import artAndDance from './books/artAndDance/view/index.vue' export default { name: "App", @@ -19,7 +25,9 @@ childHealth, lifeCare, embedded, - english + english, + sportsAndHealth, + artAndDance }, data() { return { @@ -32,6 +40,8 @@ initTestBook: async (bookId, tryPageCount) => { // this.activeBook = await this.config.getBookConfig(this.config.resourceCtx + bookId); if ( + // "http://182.92.203.7:3007/books/resource/" + // "https://jsek.bnuic.com/books/resource/" this.config.resourceCtx == "http://182.92.203.7:3007/books/resource/" ) { @@ -45,7 +55,6 @@ if (tryPageCount) { this.activeBook.tryPageCount = tryPageCount; } - console.log("鍥句功", this.activeBook); if ( (this.$store.state.qiankun, this.$store.state.qiankun.getBookConfig) ) { @@ -58,11 +67,15 @@ } else { this.activeBook = await this.config.getBookConfig( // childHealth - this.config.resourceCtx + "childHealth" + // lifeCare + // sportsAndHealth + // embedded + // english + // artAndDance + this.config.resourceCtx + "english" ); // 娴嬭瘯璇曡30椤� - // this.activeBook.tryPageCount = 30; - + // this.activeBook.tryPageCount = 10; this.config.activeBook = this.activeBook; this.config.goodsStore = this.activeBook.storeRefcode; } @@ -84,7 +97,7 @@ .highLight { border: 1px dashed rgba(255, 255, 255, 0); border-radius: 5px; - padding: 3px; + padding: 3px 0; cursor: pointer; } .highLight:hover { @@ -93,7 +106,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; @@ -109,4 +122,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