修改样式

src/components/StoreDesign/ShufflingFigure.vue

@@ -5,7 +5,7 @@
         轮播图管理
       </div>
       <div class="content clearfix">
-        <div class="app-banner-list" style="float:left;" @click="isShowLunbo=true">
+        <div class="app-banner-list" style="float:left;" @click="isShowLunbo=true,clearMsg()">
           <div class="el-card app-banner-list-item" style="text-align:center;">
             <div class="el-card__body" style="padding: 0px;">
               <i class="el-icon-plus app-banner-add-icon"></i>
@@ -17,9 +17,11 @@
           <div class="app-banner-list" v-for="(item,index) in dataList" :key="index">
             <div class="el-card app-banner-list-item">
               <div style="padding:0">
-                <div style="position: relative;"><img class="banner_topImg" :src="getIconLink(item.NavImg)" alt="">
-                    <a @click="EditRole(item)">修改</a>
-
+                <div style="position: relative;">
+                  <img class="banner_topImg" :src="getIconLink(item.NavImg)" alt="">
+                  <el-tooltip slot="label" class="item" effect="dark" content="修改" placement="top">
+                    <img class="editImg" src="../../assets/img/userman/edit.png" alt="" @click="EditRole(item)">
+                  </el-tooltip>
                   <el-tooltip slot="label" class="item" effect="dark" content="删除" placement="top">
                     <img class="delImg" src="../../assets/img/userman/del.png" alt="" @click="RemmoveRole(item)">
                   </el-tooltip>
@@ -35,7 +37,7 @@
       </div>
     </template>
     <!-- 选择图片文件 -->
-    <el-dialog title="轮播图编辑" :visible.sync="isShowLunbo" width="960px">
+    <el-dialog :title="commonTitle" :visible.sync="isShowLunbo" width="960px">
       <el-form label-width="100px" :model="addMsg" :rules="rules" ref="addMsg">
         <el-form-item label="标题">
           <el-input type="text" v-model="addMsg.NavName" size="small" maxlength="100"></el-input>
@@ -57,7 +59,7 @@
       </el-form>
       <span slot="footer" class="dialog-footer">
         <el-button @click="isShowLunbo = false" size="small">取消</el-button>
-        <el-button type="primary" @click="addShuffImg" size="small">提交</el-button>
+        <el-button type="primary" @click="submitform('addMsg')" size="small">提交</el-button>
       </span>
     </el-dialog>
     <!-- 选择图片文件 -->
@@ -81,6 +83,7 @@
     data() {
       return {
         loading: false,
+        commonTitle:'',
         //添加图片弹窗
         isShowLunbo: false,
         //选择图片弹窗
@@ -124,6 +127,7 @@
       },
       //清空消息
       clearMsg() {
+        this.commonTitle='添加轮播图';
         this.addMsg.Id = 0;
         this.addMsg.NavName = '';
         this.addMsg.NavLink = '';
@@ -146,7 +150,6 @@
         this.apipost("/api/Tenant/GetMallNavList", {}, res => {
           if (res.data.resultCode == 1) {
             this.dataList = res.data.data
-            console.log("this.dataList", this.dataList)
           } else {
             this.Info(res.data.message);
           }
@@ -164,6 +167,7 @@
       },
       //修改
       EditRole(item) {
+        this.commonTitle='轮播图编辑';
         this.apipost("/api/Tenant/GetMallNav", {
           Id: item.Id
         }, res => {
@@ -257,10 +261,18 @@
     margin-top: 10px;
   }
 
+  .shuffing .editImg {
+    display: none;
+    position: absolute;
+    bottom: 30px;
+    right: 80px;
+    padding: 0px;
+  }
+
   .shuffing .delImg {
     display: none;
     position: absolute;
-    bottom: 20px;
+    bottom: 30px;
     right: 20px;
     padding: 0px;
   }
@@ -268,6 +280,9 @@
   .shuffing .app-banner-list:hover .delImg {
     display: block;
   }
+  .shuffing .app-banner-list:hover .editImg {
+    display: block;
+  }
 
   .shuffing .banner_btmDiv {
     height: 90px;