操作图标

src/components/HeaderMain.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="header">
     <div class="logo">
-      <img class="logo-img" src="" alt="">调研宝</div>
+      <img class="logo-img" src="../assets/images/diaoyanbao-log.png" alt="">调研宝</div>
     <div class="right">
       <div class="operational-data">去“看板”查看测试运营数据</div>
       <el-dropdown placement="bottom" trigger="click">
@@ -44,7 +44,6 @@ export default {
     .logo-img {
       width: 30px;
       height: 30px;
-      background: red;
       margin-right: 6px;
       border-radius: 15px;
     }

src/views/myHistoryTest/myHistoryTest.html

@@ -32,10 +32,10 @@
   <div class="test-list">
     <div class="item" v-for="(item,index) in lists" :key="item.index" :class="{ itemCopy: isCopy && index == 0 }">
       <div class="tools">
-        <el-button icon="el-icon-delete" circle @click="deleteTest(index)"></el-button>
-        <el-button icon="el-icon-document-copy" circle @click="copyTest"></el-button>
-        <el-button icon="el-icon-share" circle></el-button>
-        <el-button icon="el-icon-edit" circle style="margin-left: 30px;"></el-button>
+        <img class="item-img delete" src="" alt="" @click="deleteTest(index)">
+        <img class="item-img copy" src="" alt="" @click="copyTest">
+        <img class="item-img share" src="" alt="">
+        <img class="item-img edit" src="" alt="" style="float:right;margin-right:10px;">
       </div>
       <img class="item-img" mode="" src="https://dm.static.elab-plus.com/diaoyanbao/coverImg/GT95_preview.jpg" alt="">
       <div class="title">定制你的家具香气{{item.index}}</div>

src/views/myHistoryTest/myHistoryTest.js

@@ -53,7 +53,6 @@ export default {
           }
         }
       }).then(() => {
-        console.log("XXXXXXX", index);
         this.lists.splice(index, 1);
         this.$message({
           type: 'success',

src/views/myHistoryTest/myHistoryTest.scss

@@ -59,7 +59,7 @@
     background: #FFFFFF;
     box-shadow: 0 5px 11px 0 rgba(78,93,255,0.14);
     border-radius: 6px;
-    margin: 15px 8px 0px 8px;
+    margin: 15px 6px 0px 8px;
     border-radius: 10px;
     display: flex;
     flex-direction: column;
@@ -70,8 +70,44 @@
       top: 10px;
       width: 100%;
       padding-left: 10px;
-      .el-button.is-circle {
-        padding: 8px;
+      .item-img {
+        display:inline-block;
+        width: 28px;
+        height: 28px;
+        cursor:pointer;
+        margin-right: 5px;
+      }
+      .delete {
+        background: url(../../assets/images/delete_nor.png) center no-repeat;
+        background-size: cover;
+      }
+      .delete:hover {
+        background: url(../../assets/images/delete_sel.png) center no-repeat;
+        background-size: cover;
+      }
+      .copy {
+        background: url(../../assets/images/copy_nor.png) center no-repeat;
+        background-size: cover;
+      }
+      .copy:hover {
+        background: url(../../assets/images/copy_sel.png) center no-repeat;
+        background-size: cover;
+      }
+      .share {
+        background: url(../../assets/images/share_nor.png) center no-repeat;
+        background-size: cover;
+      }
+      .share:hover {
+        background: url(../../assets/images/share_sel.png) center no-repeat;
+        background-size: cover;
+      }
+      .edit {
+        background: url(../../assets/images/edit_nor.png) center no-repeat;
+        background-size: cover;
+      }
+      .edit:hover {
+        background: url(../../assets/images/edit_sel.png) center no-repeat;
+        background-size: cover;
       }
     }
     .item-img {
@@ -131,4 +167,14 @@
     background-color: #4E5DFF;;
     border-color: #4E5DFF;;
   }
+  .el-icon-my-export{
+    background: url(../../assets/images/diaoyanbao-log.png) center no-repeat;
+    background-size: cover;
+  }
+  .el-icon-my-export:before{
+    content: "替";
+    font-size: 16px;
+    visibility: hidden;
+    color: red;
+  }
 }