From 974ce7647ca7ef7e508a5204b9c934c929963452 Mon Sep 17 00:00:00 2001 From: YM <479443481@qq.com> Date: 星期四, 30 五月 2024 11:36:57 +0800 Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout --- src/App.vue | 51 ++++++++++++++++++++++++++++++++++++++++++--------- 1 files changed, 42 insertions(+), 9 deletions(-) diff --git a/src/App.vue b/src/App.vue index cb3b1a5..8559dbf 100644 --- a/src/App.vue +++ b/src/App.vue @@ -24,11 +24,11 @@ lifeCare, embedded, english, - sportsAndHealth, + sportsAndHealth }, data() { return { - activeBook: {}, + activeBook: {} }; }, async created() { @@ -55,17 +55,17 @@ (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 - this.config.resourceCtx + "sportsAndHealth" + this.config.resourceCtx + "embedded" ); // 娴嬭瘯璇曡30椤� // this.activeBook.tryPageCount = 10; @@ -73,7 +73,7 @@ this.config.activeBook = this.activeBook; this.config.goodsStore = this.activeBook.storeRefcode; } - }, + } }; </script> @@ -118,16 +118,44 @@ } /* swiper */ -.swiper-container{ +.swiper-container { width: 100%; height: 100%; } -.imgBox{ +.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{ +.imgBox img { max-width: 100%; max-height: 100%; width: auto; @@ -139,4 +167,9 @@ left: 0; margin: auto; } + + +.openImgBox img{ + cursor: zoom-in; +} </style> -- Gitblit v1.9.1