优化博物馆和文物详情文字高度；优化神秘贵州展厅加载速度

src/components/ImageViewer/index.vue

@@ -7,24 +7,15 @@
 -->
 
 <template>
-    <span
-        class="image-item"
-        :style="{
-            width: width,
-            height: height,
-        }"
-    >
+    <span class="image-item" :style="{
+        width: width,
+        height: height,
+    }">
         <span class="warp" @click="showImage">
             <span class="el-icon-view" style="margin-right:10px"></span>
             查看大图
         </span>
-        <el-image
-            ref="Image"
-            class="image"
-            :src="imgSrc"
-            :preview-src-list="previewSrc"
-            fit="contain"
-        ></el-image>
+        <el-image ref="Image" class="image" :src="imgSrc" :preview-src-list="previewSrc" fit="contain"></el-image>
     </span>
 </template>
 
@@ -41,6 +32,10 @@ export default {
             typeof: String,
             default: '100px',
         },
+        highImgSrc: {
+            typeof: String,
+            default: '',
+        }
     },
     data() {
         return {
@@ -48,7 +43,7 @@ export default {
             baseurl: '',
         };
     },
-    mounted() {},
+    mounted() { },
     watch: {},
     computed: {
         imgSrc() {
@@ -59,10 +54,11 @@ export default {
             }
         },
         previewSrc() {
+            let src = this.highImgSrc || this.src
             if (typeof this.src == 'string') {
-                return [this.src];
+                return [src];
             } else {
-                return this.src;
+                return src;
             }
         },
     },
@@ -83,13 +79,16 @@ export default {
     position: relative;
     display: inline-block;
     cursor: pointer;
-    & + .image-item {
+
+    &+.image-item {
         margin-left: 10px;
     }
+
     .image {
         width: 100%;
         height: 100%;
     }
+
     .warp {
         position: absolute;
         width: 100%;
@@ -99,6 +98,7 @@ export default {
         align-items: center;
         color: #fff;
     }
+
     &:hover {
         .warp {
             z-index: 1;

src/views/museum/Detail.vue

@@ -232,7 +232,7 @@ $node-w: 700px;
     .inner-left {
       // padding-left: 120px;
       width: 50%;
-      height: calc(100vh - 100px);
+      min-height: calc(100vh - 100px);
       position: relative;
 
       .info-container-left {