修改代码

src/views/PreviewImage/index.vue

@@ -3,9 +3,13 @@
     <div class="container">
       <div class="layer">
         <div class="main">
-          <el-carousel trigger="click">
+          <el-carousel trigger="click" height="calc(100%)">
-            <el-carousel-item v-for="(img, i) in model.sources" :key="i">
+            <el-carousel-item
-              <el-image :src="buildUrl(img)" style="width:100%;height:100%" />
+              v-for="(img, i) in model.sources"
+              :key="i"
+              style="width:100%;height:100%"
+            >
+              <el-image :src="buildUrl(img)" />
             </el-carousel-item>
           </el-carousel>
         </div>
@@ -75,36 +79,18 @@ export default {
       .el-carousel {
         height: 100%;
         /deep/ .el-carousel__container {
+          height: 100% !important;
+        }
+
+        .el-image {
+          width: 100%;
           height: 100%;
         }
       }
 
       .main {
         flex: 1;
-        .info {
+        height: 100%;
-          text-align: left;
-          .box {
-            position: relative;
-            z-index: 3;
-            height: 50px;
-            background-color: #26262b;
-            opacity: 0.2;
-            color: #999;
-            user-select: none;
-            display: flex;
-            align-items: center;
-            i {
-              font-size: 15px;
-            }
-            span {
-              font-size: 14px;
-            }
-          }
-          h3 {
-            padding-left: 10px;
-            color: #fff;
-          }
-        }
       }
 
       .side {