💄 改进细节样式

application/index/view/common/base.html

@@ -13,7 +13,7 @@
   <link rel="shortcut icon" href="/favicon.ico">
   <link rel="stylesheet" href="/static/app/iconfont/iconfont.css">
   <link rel="stylesheet" href="/static/mdui/0.4.2/css/mdui.min.css">
-  <link rel="stylesheet" href="/static/app/css/app.css?v=1.1">
+  <link rel="stylesheet" href="/static/app/css/app.css?v=1.2">
   <!--[if IE]>
   <script>window.location.href = '/compatibility.html';</script>
   <![endif]-->

application/index/view/index/index.html

@@ -118,5 +118,11 @@
       .html('');
   });
   $('#image').css("display", "block");
+
+  $('.success-info ul').on('mouseenter', "li", function() {
+    $('.file-preview .file-drop-zone .file-preview-thumbnails > [data-template=image]').eq($(this).data('index')).addClass('hover');
+  }).on('mouseout', 'li', function () {
+    $('.file-preview .file-drop-zone .file-preview-thumbnails > [data-template=image]').eq($(this).data('index')).removeClass('hover');
+  });
 </script>
 {/block}

public/static/app/css/app.css

@@ -330,9 +330,13 @@ main .mdui-table th {
   right: 6px;
 }
 .file-input .file-preview .file-preview-thumbnails .krajee-default.file-preview-frame {
-  border: 0;
+  border: 2px solid transparent;
+  transition: all 0.3s;
   box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.13);
 }
+.file-input .file-preview .file-preview-thumbnails .krajee-default.file-preview-frame.hover {
+  border: 2px solid red;
+}
 .file-input .file-preview .kv-fileinput-error ul {
   list-style: none;
 }

public/static/app/css/app.less

@@ -375,8 +375,12 @@ main {
 
     .file-preview-thumbnails {
       .krajee-default.file-preview-frame {
-        border: 0;
+        border: 2px solid transparent;
+        transition: all .3s;
         box-shadow: @box-shadow;
+        &.hover {
+          border: 2px solid red;
+        }
       }
     }