From 967f73aa98a222aecb8ce3fd487f75cf1f07787d Mon Sep 17 00:00:00 2001
From: Anyon <zoujingli@qq.com>
Date: Mon, 21 Sep 2020 16:17:18 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E5=9B=BE=E7=89=87=E5=88=87?=
 =?UTF-8?q?=E6=8D=A2=E5=8A=A8=E7=94=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/data/view/config/slider.html | 39 +++++++++++++++++++++-----------
 public/static/admin.js           |  4 ++--
 2 files changed, 28 insertions(+), 15 deletions(-)

diff --git a/app/data/view/config/slider.html b/app/data/view/config/slider.html
index 216127311..08a569daf 100644
--- a/app/data/view/config/slider.html
+++ b/app/data/view/config/slider.html
@@ -2,24 +2,27 @@
 
 {block name="content"}
 <div class="think-box-shadow">
-    <form onsubmit="return false;" id="DataForm" class='layui-form' autocomplete="off" style="width:750px">
-        <div class="text-center font-s14 font-w7">{$title|default='图片数据管理'}<span class="color-desc font-s12">（建议尺寸：690px  250px）</span></div>
-        <div class="hr-line-dashed"></div>
-        <div class="padding-bottom-15" data-rule-list>
-            <div class="layui-form-item text-center">
-                <a data-item-add class="layui-btn layui-btn-primary">添加图片</a>
-            </div>
+    <form onsubmit="return false;" id="DataForm" class='layui-form layui-card noshadow' autocomplete="off" style="width:850px">
+        <div class="layui-card-header text-center margin-20 font-w7 color-text layui-bg-gray border-radius-5">
+            {$title|default='图片数据管理'}<span class="color-desc font-s12"> ( 建议上传图片尺寸：690px  250px )</span>
         </div>
-        <div class="hr-line-dashed"></div>
-        <div class="layui-form-item text-center">
-            <button class="layui-btn" data-submit>保存数据</button>
+        <div class="layui-card-body margin-top-20 padding-bottom-0">
+            <div class="padding-left-20" data-rule-list>
+                <div class="layui-form-item text-center">
+                    <a data-item-add class="layui-btn layui-btn-primary">添加图片</a>
+                </div>
+            </div>
+            <div class="hr-line-dashed margin-top-30"></div>
+            <div class="layui-form-item text-center padding-left-20">
+                <button class="layui-btn" data-submit>保存数据</button>
+            </div>
         </div>
     </form>
 </div>
 
 <div data-item-tpl class="layui-hide">
-    <div class="layui-form-item padding-left-40 margin-left-40" data-rule-item>
-        <div class="layui-input-inline nowrap" style="width:120px">
+    <div class="layui-form-item" data-rule-item>
+        <div class="layui-input-inline nowrap relative" style="width:180px">
             <input data-upload-image name="img[]" type="hidden">
         </div>
         <label class="layui-input-inline nowrap relative margin-bottom-5" style="width:300px">
@@ -34,7 +37,7 @@
             <input class="layui-input inline-block" style="width:240px" name="rule[]" value="#" required placeholder="请输入跳转规则">
             <a data-prefix="NEWS" data-rule-page="{:url('data/news_item/select')}" class="layui-btn layui-btn-primary">选择文章</a>
             <a data-prefix="GOODS" data-rule-page="{:url('data/shop_goods/select')}" class="layui-btn layui-btn-primary">选择商品</a>
-            <span class="help-block block notselect">若要跳转页面，请选择对应的数据或填写跳转的 URL 地址，不跳转请填写“#”号占位。</span>
+            <span class="help-block block notselect">若要跳转页面，请选择对应的数据或填写跳转的 URL 地址，不跳转请填写 “#” 号占位。</span>
         </label>
     </div>
 </div>
@@ -49,6 +52,16 @@
         margin-left: 5px;
     }
 
+    [data-rule-item] {
+        padding-left: 40px;
+        margin-bottom: 20px;
+    }
+
+    [data-rule-item] .uploadimage {
+        width: 135px;
+        height: 100px;
+    }
+
     [data-item-dn], [data-item-up], [data-item-rm] {
         margin-top: -4px;
         margin-left: 5px;
diff --git a/public/static/admin.js b/public/static/admin.js
index 60508626f..23a65c7e0 100644
--- a/public/static/admin.js
+++ b/public/static/admin.js
@@ -511,7 +511,7 @@ $(function () {
     /*! 上传单张图片 */
     $.fn.uploadOneImage = function () {
         return this.each(function (input, template) {
-            input = $(this), template = $('<a data-file="one" class="uploadimage"><span class="layui-icon">&#x1006;</span></a>');
+            input = $(this), template = $('<a data-file="one" class="uploadimage transition"><span class="layui-icon">&#x1006;</span></a>');
             template.attr('data-type', input.data('type') || 'png,jpg,gif');
             template.attr('data-field', input.attr('name') || 'image').data('input', this);
             template.find('span').on('click', function (event) {
@@ -536,7 +536,7 @@ $(function () {
 
             function showImageContainer(srcs) {
                 $(srcs).each(function (idx, src, $image) {
-                    $image = $('<div class="uploadimage uploadimagemtl"><a class="layui-icon margin-right-5">&#xe602;</a><a class="layui-icon margin-right-5">&#x1006;</a><a class="layui-icon margin-right-5">&#xe603;</a></div>');
+                    $image = $('<div class="uploadimage uploadimagemtl transition"><a class="layui-icon margin-right-5">&#xe602;</a><a class="layui-icon margin-right-5">&#x1006;</a><a class="layui-icon margin-right-5">&#xe603;</a></div>');
                     $image.attr('data-tips-image', encodeURI(src)).css('backgroundImage', 'url(' + encodeURI(src) + ')').on('click', 'a', function (event, index, prevs, $item) {
                         event.stopPropagation(), $item = $(this).parent(), index = $(this).index(), prevs = $button.prevAll('div.uploadimage').length;
                         if (index === 0 && $item.index() !== prevs) $item.next().after($item);