修改

src/components/WebSet/WebSiteEdit.vue

@@ -92,6 +92,7 @@
     display: flex;
     border-bottom: 1px solid #f6f6f6;
     background-color: #fff;
+    padding-bottom:5px;
   }
 
   .diy-component-preview .WebSite_item .temp-img {
@@ -200,7 +201,7 @@
         </div>
       </div>
     </div>
-    <el-dialog title="版面區塊設定" :visible.sync="isShowDialog" width="900px">
+    <el-dialog title="版面區塊設定" :visible.sync="isShowDialog" width="1000px">
       <!--视频-->
       <plugvideodialog v-if="currentEditItem.Id=='white_label_video'" :plugData="currentEditItemData"></plugvideodialog>
       <!--轮播图-->

src/components/WebSet/plug-in/slider_dialog.vue

 <style>
-  .text-warning {
+  .WebSite_slider .text-warning {
     color: #8a6d3b;
   }
 
-  .form-group {
-    margin-bottom: 15px;
+  .WebSite_slider .webSliderDiv {
+    width: 435px;
+    line-height: 0;
+    height: 129px;
+    overflow: hidden;
+    /* height: 234px; */
+    border: 1px solid #ccc;
+    cursor: pointer;
+    position: relative;
   }
 
-  .help-block {
-    display: block;
-    margin-top: 5px;
-    margin-bottom: 10px;
-    color: #737373;
+  .WebSite_slider .webSliderDiv .web_imgUrl {
+    width: 100%;
+    height: 100%;
+  }
+  .WebSite_slider .webSliderDiv .addIconDiv {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    top: 0;
+    background-color: transparent;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+
+  .WebSite_slider .webSliderDiv i {
+    font-size: 50px;
+    color: #d1d1d1;
+    cursor: pointer;
+  }
+
+  .webSliderDiv .addIconDiv:hover {
+    background: rgba(0, 0, 0, 0.5);
+    color: #fff;
   }
 
 </style>
 <template>
-  <div>
+  <div class="WebSite_slider">
     <el-form label-width="100px">
       <el-row>
         <el-col :span="24">
@@ -27,7 +53,9 @@
       </el-row>
       <el-row>
         <el-col :span="24">
-          <p class="text-warning">※ 無圖則不顯示</p>
+          <el-form-item>
+            <p class="text-warning">※ 無圖則不顯示</p>
+          </el-form-item>
         </el-col>
       </el-row>
       <table>
@@ -35,21 +63,23 @@
           <tr>
             <td>
               <el-form-item >
-                <div>圖片尺寸請上傳：1440x470，檔案請小於3M。前台顯示固定高度470px</div>
-                <div class="webLogoDiv" @click="clickIndex=index">
+                <div class="webSliderDiv" @click="clickIndex=index">
                   <el-upload :http-request="UploadImage" :multiple="true"
                     accept="image/jpeg,image/gif,image/png,image/bmp" :show-file-list="false" action="">
-                    <img v-if="item.LinkImg" :src="item.LinkImg" style="width:100px;height:80px" alt="" />
+                    <img v-if="item.LinkImg" :src="item.LinkImg" class="web_imgUrl" alt="" />
                     <div class="addIconDiv">
                       <i class="web_addImg iconfont icon-img_haha"></i>
+                      <i class="web_delImg iconfont icon-img_delete_small" style="margin-left:10px;" @click.stop="item.LinkImg=''"></i>
                     </div>
                   </el-upload>
                 </div>
+                <div v-if="plugData.Type==1">圖片尺寸請上傳：1440x470，檔案請小於3M。前台顯示固定高度470px</div>
+                <div v-else>圖片尺寸請上傳：1440x235，檔案請小於3M。前台顯示固定高度235px</div>
               </el-form-item>
             </td>
             <td>
               <el-form-item :label="'連結'+(index+1)">
-                <el-input type="text" v-model="item.LinkUrl"></el-input>
+                <el-input type="text" v-model="item.LinkUrl" class="w250"></el-input>
               </el-form-item>
             </td>
           </tr>