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