修改文件浏览器删除样式

app/Gdoo/Model/Services/FieldService.php

@@ -1466,7 +1466,7 @@ class FieldService
                     $items .= '<div class="media-item">
                     <img class="img-responsive img-thumbnail" src="'.url('uploads/'.$src).'" />
                     <input type="hidden" value="' .$src. '" name="' .$name. '[]" />
-                    <a class="close" title="删除这张图片" data-toggle="media-delete">×</a>
+                    <a class="close" title="删除这张图片" data-toggle="media-delete"></a>
                     </div>';
                 }
             }

public/assets/css/gdoo.css

@@ -1734,28 +1734,50 @@ select.input-sm, select.form-group-sm .form-control {
 .media-controller {
     padding: 0;
 }
-
 .media-input {
     margin-top: 5px;
 }
-.media-controller .media-item {
+.media-item {
     position: relative;
-    /*
-    width: 150px;
-    */
     float: left;
-    margin-right: 25px;
+    margin-right: 10px;
+    cursor: pointer;
 }
-.media-controller .media-item img {
-    height: 92px;
+.media-item:last-child {
+    margin-right: 0;
+}
+.media-item img {
+    height: 108px;
     max-width: 100%;
 }
-.media-controller .media-item .close {
+.media-item .close {
     position: absolute;
-    top: 0px;
-    right: -14px;
-    font-style: italic;
-    font-weight: normal;
+    top: -8px;
+    right: -8px;
+    border-radius: 50%;
+    z-index: 999;
+    opacity: 1;
+    width: 22px;
+    height: 22px;
+    background-color: #fff;
+    border: 1px solid #ccc;
+    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(0, 0, 0, 0.05);
+}
+.media-item .close:hover {
+    background-color: #ff0000;
+    border: 1px solid #ff0000;
+}
+.media-item .close::before {
+    font-weight: 400;
+    font-size: 18px;
+    content: '×';
+    position: absolute;
+    top: 1px;
+    left: 5px;
+    color: #999;
+}
+.media-item .close:hover::before {
+    color: #fff;
 }
 
 .layui-layer-gdoo .layui-layer-title {

public/mix-manifest.json

@@ -4,6 +4,6 @@
     "/assets/dist/gdoo.min.js": "/assets/dist/gdoo.min.js?id=2f3fe2352d24f1a8b7c1",
     "/assets/dist/index.min.js": "/assets/dist/index.min.js?id=e68deaa21814b7ec0d1c",
     "/assets/dist/vendor.min.css": "/assets/dist/vendor.min.css?id=99a58728a17257718260",
-    "/assets/dist/gdoo.min.css": "/assets/dist/gdoo.min.css?id=644acfd8367a5dd5a096",
+    "/assets/dist/gdoo.min.css": "/assets/dist/gdoo.min.css?id=b892b527a7b042089ee8",
     "/assets/dist/index.min.css": "/assets/dist/index.min.css?id=ccde8d73c536940b91d9"
 }