优化图片上传表单样式

jqhph · Apr 17, 2020 · ed1b9ce · ed1b9ce
1 parent 605ba54
commit ed1b9ce
Show file tree

Hide file tree

Showing 7 changed files with 14 additions and 8 deletions.
diff --git a/resources/assets/dcat/extra/upload.js b/resources/assets/dcat/extra/upload.js
@@ -679,7 +679,7 @@
                 html += `<p class="file-action" data-file-act="delete" data-id="${file.serverId}"><i class="feather icon-trash red-dark"></i></p>`;
             }
 
-            html += "<p class='title' style=''><i class='feather icon-check text-white icon-success' style='color: #fff;'></i>";
+            html += "<p class='title' style=''><i class='feather icon-check text-white icon-success text-white'></i>";
             html += file.serverPath;
             html += "</p>";
 
@@ -752,7 +752,7 @@
             $queue.append(html);
 
             if (showImg) {
-                setTimeout(function () { html.css('margin', '5px');}, 80);
+                setTimeout(function () { html.css('margin', '5px');}, 400);
             }
         }
 

diff --git a/resources/assets/dcat/extra/upload.scss b/resources/assets/dcat/extra/upload.scss
@@ -382,9 +382,15 @@
   font-size: 14px
 }
 
+.web-uploader .filelist div.file-panel a:first-child {
+  margin-left: 6px;
+}
+
 .web-uploader .filelist div.file-panel a {
   float: left;
-  margin-left: 3px
+  box-shadow: none;
+  padding-left: 8px!important;
+  padding-right: 8px!important;
 }
 
 .web-uploader .statusBar {

diff --git a/resources/dist/dcat/extra/upload-blue-light.css b/resources/dist/dcat/extra/upload-blue-light.css