新增简约风格表单;优化系统功能;

demo/pc/form.html

@@ -1,5 +1,5 @@
 <fieldset class="layui-elem-field layui-field-title">
-  <legend>表格输入</legend>
+    <legend>表格输入(依赖layui)</legend>
     <div class="layui-field-box">
         <div class="demo-js-src" style="display: block;">
             <div class="layui-form">
@@ -58,3 +58,71 @@
         <pre class="layui-code demo-js"></pre>
     </div>
 </fieldset>
+<fieldset class="layui-elem-field layui-field-title">
+    <legend>简约风格(依赖layui)</legend>
+    <div class="layui-field-box">
+        <div class="demo-js-src" style="display:block">
+            <form class="layui-form ul-form-basic" action="">
+                <div class="layui-form-item">
+                    <label class="layui-form-label">输入框</label>
+                    <div class="layui-input-block">
+                        <input type="text" name="title" required lay-verify="required" placeholder="请输入标题" autocomplete="off" class="layui-input">
+                    </div>
+                </div>
+                <div class="layui-form-item">
+                    <label class="layui-form-label">密码框</label>
+                    <div class="layui-input-inline">
+                        <input type="password" name="password" required lay-verify="required" placeholder="请输入密码" autocomplete="off" class="layui-input">
+                    </div>
+                    <div class="layui-form-mid layui-word-aux">辅助文字</div>
+                </div>
+                <div class="layui-form-item">
+                    <label class="layui-form-label">选择框</label>
+                    <div class="layui-input-block">
+                        <select name="city" lay-verify="required">
+                            <option value=""></option>
+                            <option value="0">北京</option>
+                            <option value="1">上海</option>
+                            <option value="2">广州</option>
+                            <option value="3">深圳</option>
+                            <option value="4">杭州</option>
+                        </select>
+                    </div>
+                </div>
+                <div class="layui-form-item">
+                    <label class="layui-form-label">复选框</label>
+                    <div class="layui-input-block">
+                        <input type="checkbox" name="like[write]" title="写作">
+                        <input type="checkbox" name="like[read]" title="阅读" checked>
+                        <input type="checkbox" name="like[dai]" title="发呆">
+                    </div>
+                </div>
+                <div class="layui-form-item">
+                    <label class="layui-form-label">开关</label>
+                    <div class="layui-input-block">
+                        <input type="checkbox" name="switch" lay-skin="switch">
+                    </div>
+                </div>
+                <div class="layui-form-item">
+                    <label class="layui-form-label">单选框</label>
+                    <div class="layui-input-block">
+                        <input type="radio" name="sex" value="男" title="男">
+                        <input type="radio" name="sex" value="女" title="女" checked>
+                    </div>
+                </div>
+                <div class="layui-form-item layui-form-text">
+                    <label class="layui-form-label">文本域</label>
+                    <div class="layui-input-block">
+                        <textarea name="desc" placeholder="请输入内容" class="layui-textarea"></textarea>
+                    </div>
+                </div>
+                <div class="layui-form-item">
+                    <div class="layui-input-block">
+                        <button class="layui-btn" lay-submit lay-filter="formDemo">立即提交</button>
+                        <button type="reset" class="layui-btn layui-btn-primary">重置</button>
+                    </div>
+                </div>
+            </form>
+        </div>
+    </div>
+</fieldset>

public/cdn/normalize.css

@@ -21,6 +21,8 @@
    */
   
   body {
+    font  : 14px Helvetica Neue, Helvetica, PingFang SC, Tahoma, Arial, sans-serif;
+    color : rgba(0, 0, 0, 0.85);
     margin: 0;
   }
   

source/scss/form/_index.scss

@@ -0,0 +1 @@
+@import './ul-form-basic';

source/scss/form/_ul-form-basic.scss

@@ -0,0 +1,38 @@
+/* 简约风格Form */
+.ul-form-basic {
+    .layui-form-item {
+        clear: unset;
+    }
+
+    .layui-form-label {
+        float     : unset;
+        width     : unset;
+        text-align: left;
+        padding   : 5px 0;
+        font-size : 14px;
+        color     : #000;
+    }
+
+    .layui-input-block {
+        margin-left: unset;
+    }
+
+    .layui-input {
+        padding: 4px 11px;
+        height : unset;
+    }
+
+    .layui-form-mid {
+        padding: 4px 0 !important
+    }
+
+    .layui-form-select dl {
+        top: 28px;
+    }
+
+    .layui-form-select dl dd,
+    .layui-form-select dl dt {
+        height: 30px
+    }
+
+}

source/scss/layui-ul.scss

@@ -1,6 +1,7 @@
 @import './common';
 @import './list/index';
 @import './nav/index';
+@import './form/index';
 
 
 /* 头部开始 */

view/admin/post/edit.html

@@ -240,25 +240,25 @@
       quill.on('selection-change', function (range, oldRange, source) {
         if (range) {
           if (range.length == 0) {
-            console.log('User cursor is on', range.index);
+            // console.log('User cursor is on', range.index);
           } else {
             var text = quill.getText(range.index, range.length);
-            console.log('User has highlighted', text);
+            // console.log('User has highlighted', text);
           }
           currentRange = range;
-          console.log(currentRange);
+        //   console.log(currentRange);
 
         } else {
-          console.log('Cursor not in the editor');
+        //   console.log('Cursor not in the editor');
         }
       });
 
       quill.on('text-change', function (delta, oldDelta, source) {
         currentRange.index = delta.ops[0].retain
         if (source == 'api') {
-          console.log("An API call triggered this change.");
+        //   console.log("An API call triggered this change.");
         } else if (source == 'user') {
-          console.log("A user action triggered this change.");
+        //   console.log("A user action triggered this change.");
         }
 
         if (currentSecond - lastUpdateSecond > 30) {
@@ -335,7 +335,7 @@
         formData.content = quill.getContents().ops
         formData.content_html = $('#editor .ql-editor').html()
 
-        console.log(formData);
+        // console.log(formData);
 
         $.post('{:url("update")}', formData, function (result) {
 

view/index/common/_require.html

@@ -3,7 +3,7 @@
 <link rel="stylesheet" href="/static/lib/layui/css/layui.css">
 <link rel="stylesheet" href="/static/css/{$Request.cookie.skin_name|default='skin-1'}.css">
 <link rel="stylesheet" href="/static/css/common.css">
-<link rel="stylesheet" href="/cdn/layui-ul-change.css">
+<!-- <link rel="stylesheet" href="/cdn/layui-ul-change.css"> -->
 <link rel="stylesheet" href="/cdn/layui-ul.css">
 <link rel="stylesheet" href="/cdn/layui-ul-mb.css">
 <script src="/static/lib/jquery/jquery-3.4.1.min.js"></script>