From bf566ef3a9eaa9ea3d55f63e2736ae12c51e82db Mon Sep 17 00:00:00 2001
From: lVAL <wx_5f6b45a71ecc4675bb5307decf1326c7@git.code.tencent.com>
Date: Wed, 30 Sep 2020 11:59:14 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E4=BB=A3=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/PreviewImage/index.vue | 40 +++++++++++---------------------
 1 file changed, 13 insertions(+), 27 deletions(-)

diff --git a/src/views/PreviewImage/index.vue b/src/views/PreviewImage/index.vue
index dea576e..b13242e 100644
--- a/src/views/PreviewImage/index.vue
+++ b/src/views/PreviewImage/index.vue
@@ -3,9 +3,13 @@
     <div class="container">
       <div class="layer">
         <div class="main">
-          <el-carousel trigger="click">
-            <el-carousel-item v-for="(img, i) in model.sources" :key="i">
-              <el-image :src="buildUrl(img)" style="width:100%;height:100%" />
+          <el-carousel trigger="click" height="calc(100%)">
+            <el-carousel-item
+              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 {
-          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;
-          }
-        }
+        height: 100%;
       }
 
       .side {