Просмотр исходного кода

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

任一存 3 лет назад
Родитель
Сommit
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;
       position: relative;
       overflow: hidden;
+      &:hover {
+        .right {
+          .cancel-btn {
+            display: block;
+          }
+        }
+      }
       .left {
         display: flex;
         align-items: center;
@@ -225,10 +232,11 @@ export default {
           font-family: MicrosoftYaHei;
           color: #969799;
         }
-        img {
+        .cancel-btn {
           width: 18px;
           height: 18px;
           cursor: pointer;
+          display: none;
         }
       }
       .progress-bar {