优化文物详情

src/views/boutique/components/YLGDYW.vue

@@ -249,7 +249,7 @@ export default {
               years: "战国-西汉",
               source: "1985年郑屯镇与龙广镇交界处出土",
               imgName: "cr-3-low.png",
-              crId: "",
+              crId: "eca6f33d31ac4174bf108c1983f1b881",
             },
             {
               name: "铜钟",
@@ -270,14 +270,14 @@ export default {
               years: "东汉",
               source: "1987年雨樟镇交乐6号墓出土",
               imgName: "cr-5-low.png",
-              crId: "5b7d94b9e361404a94d25bc561ff284f",
+              crId: "b0edc9a07fde41b7b541cc6a54ea1065",
             },
             {
               name: "铜车马",
               years: "东汉",
               source: "1987年雨樟镇交乐6号墓出土",
               imgName: "cr-6-low.png",
-              crId: "3189ce3499564153897b648c19300b4f",
+              crId: "4a50b404c4aa4cae972be18b7ffeef39",
             },
           ],
         },

src/views/culturalRelic/Detail.vue

@@ -164,13 +164,14 @@
               </div>
             </swiper-slide>
             <div class="swiper-pagination" slot="pagination"></div>
-            <div class="swiper-button-prev" slot="button-prev">
+            
+          </swiper>
+          <div class="swiper-button-prev" slot="button-prev">
               <i class="el-icon-arrow-left"></i>
             </div>
             <div class="swiper-button-next" slot="button-next">
               <i class="el-icon-arrow-right"></i>
             </div>
-          </swiper>
         </div>
 
         <ul class="menu-tabs">
@@ -593,7 +594,7 @@ $node-w: 700px;
     .inner-left {
       // padding-left: 120px;
       width: 50%;
-      height: calc(100vh - 100px);
+      height: calc(100vh - $nav-height - 100px);
       position: relative;
 
       .info-container-right {
@@ -791,12 +792,13 @@ $node-w: 700px;
     }
     .inner-right {
       width: 50%;
-      height: calc(100vh - 100px);
+      height: calc(100vh - $nav-height - 100px);
       display: flex;
       align-items: center;
       flex-direction: column;
-      padding: 0 160px 80px 20px;
-
+      padding: 0 0 80px 20px;
+      margin-right: 160px;
+      position: relative;
       ::v-deep .firstDiv {
         position: unset;
         transform: none;
@@ -804,11 +806,15 @@ $node-w: 700px;
 
       .swiper-container {
         width: 100%;
-
+        .swiper-slide{
+          display: flex;
+          justify-content: center;
+          height: 100%;
+        }
         .img-container {
           height: 100%;
-          width: 100%;
-
+          width: 80%;
+         
           img {
             height: 100%;
             width: 100%;
@@ -833,10 +839,10 @@ $node-w: 700px;
         font-size: 28px !important;
       }
       .swiper-button-next{
-        transform: translate(10px,-72px);
+        transform: translate(10px, -200px);
       }
       .swiper-button-prev{
-        transform: translate(-10px,-72px);
+        transform: translate(-10px, -200px);
       }
 
     }