فهرست منبع

fix: 上传列表的取消按钮hover时显示

任一存 4 سال پیش
والد
کامیت
8c154d98a8
1فایلهای تغییر یافته به همراه9 افزوده شده و 1 حذف شده
  1. 9 1
      src/views/material/components/uploadList1.1.0.vue

+ 9 - 1
src/views/material/components/uploadList1.1.0.vue

@@ -180,6 +180,13 @@ export default {
       border-bottom: 1px solid #EBEDF0;
       border-bottom: 1px solid #EBEDF0;
       position: relative;
       position: relative;
       overflow: hidden;
       overflow: hidden;
+      &:hover {
+        .right {
+          .cancel-btn {
+            display: block;
+          }
+        }
+      }
       .left {
       .left {
         display: flex;
         display: flex;
         align-items: center;
         align-items: center;
@@ -225,10 +232,11 @@ export default {
           font-family: MicrosoftYaHei;
           font-family: MicrosoftYaHei;
           color: #969799;
           color: #969799;
         }
         }
-        img {
+        .cancel-btn {
           width: 18px;
           width: 18px;
           height: 18px;
           height: 18px;
           cursor: pointer;
           cursor: pointer;
+          display: none;
         }
         }
       }
       }
       .progress-bar {
       .progress-bar {