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

fix: 上传列表会被素材列表为空提示遮挡; style: 删除无用的样式代码。

任一存 4 лет назад
Родитель
Сommit
222e1747a6
1 измененных файлов с 18 добавлено и 91 удалено
  1. 18 91
      src/views/material/style.less

+ 18 - 91
src/views/material/style.less

@@ -40,7 +40,7 @@
       }
     }
   }
-    
+
   >.list{
     margin-top: 32px;
     position: relative;
@@ -67,23 +67,36 @@
       color: #646566;
     }
     // TODO:受到src/assets/style/component.less里.nodata的干扰
-    .nodata{
+    .nodata {
       position: absolute;
       text-align: center;
       width: 100%;
       margin: 0;
       top: 150px;
-        >span{
-          color: #646566;
-        }
+      > span {
+        color: #646566;
+      }
+      // 素材列表为空时,表格里的上传素材按钮的样式
+      .upload-btn-in-table {
+        cursor: pointer;
+        width: 100px;
+        height: 36px;
+        background: linear-gradient(144deg, #00AEFB 0%, #0076F6 100%);
+        border-radius: 22px;
+        border: none;
+        font-size: 14px;
+        color: #FFFFFF;
+        margin-top: 20px;
       }
     }
     .upload-list-new {
+      z-index: 1;
       position: absolute;
       right: 0;
       bottom: 32px;
     }
   }
+}
 .handle{
   display: flex;
   justify-content: center;
@@ -232,79 +245,6 @@
   width: 100%;
 }
 
-.paging{
-  margin-top: 20px;
-  text-align: left;
-}
-
-.upload-list{
-  display: none;
-  position: absolute;
-  top: 100%;
-  left: 0;
-  width: 430px;
-  z-index: 999;
-  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
-  background-color: #fff;
-  color: #202020;
-  cursor: auto;
-  .top{
-    display: flex;
-    justify-content: space-between;
-    border-bottom: 1px solid #EBEBEB;;
-    padding: 13px 18px 13px 30px;
-    >span{
-      font-weight: bold;
-      font-size: 16px;
-    }
-    >i{
-      font-size: 16px;
-      cursor: pointer;
-    }
-  }
-  >ul{
-    padding: 14px 18px 14px 30px;
-    overflow-y: auto;
-    max-height: 180px;
-    >li{
-      font-size: 14px;
-      justify-content: space-between;
-      display: flex;
-      .success{
-        color: @color;
-      }
-      .error{
-        color: #F56C6C;
-      }
-      >span{
-        flex: 3;
-        text-align: left;
-        display: inline-block;
-        text-overflow: ellipsis;
-        overflow: hidden;
-        white-space: nowrap;
-        width: 100%;
-        padding-right: 10px;
-        &:last-of-type{
-          flex: 1;
-        }
-      }
-      >i{
-        cursor: pointer;
-        flex-shrink: 0;
-      }
-    }
-  }
-  .nouploaddata{
-    font-size: 14px;
-    min-height: 180px;
-    padding-top: 70px;
-    text-align: center;
-    width: 100%;
-  }
-}
-
-
 .panorama{
   padding: 24px 30px;
 }
@@ -324,19 +264,6 @@
   }
 }
 
-// 素材列表为空时,表格里的上传素材按钮的样式
-.upload-btn-in-table {
-  cursor: pointer;
-  width: 100px;
-  height: 36px;
-  background: linear-gradient(144deg, #00AEFB 0%, #0076F6 100%);
-  border-radius: 22px;
-  border: none;
-  font-size: 14px;
-  color: #FFFFFF;
-  margin-top: 20px;
-}
-
 // 左上角上传素材按钮的提示icon,hover时的样式和一般的有tooltip的元素不一样
 .hover-tips.hover-tips-upload-icon {
   &:hover {