修改模板应用

app/admin/view/auth/form.html

@@ -3,15 +3,13 @@
     <div class="layui-card-body padding-left-40">
 
         <label class="layui-form-item relative block">
-            <span class="color-green font-w7">权限名称</span>
-            <span class="color-desc margin-left-5">Permission Name</span>
+            <span class="help-label"><b>权限名称</b>Permission Name</span>
             <input maxlength="100" class="layui-input" name="title" value='{$vo.title|default=""}' required placeholder="请输入权限名称">
             <span class="help-block">访问权限名称需要保持不重复，在给用户授权时需要根据名称选择！</span>
         </label>
 
         <label class="layui-form-item relative block">
-            <span class="color-green font-w7">权限描述</span>
-            <span class="color-desc margin-left-5">Permission Description</span>
+            <span class="help-label"><b>权限描述</b>Permission Description</span>
             <textarea placeholder="请输入权限描述" maxlength="200" class="layui-textarea" name="desc">{$vo.desc|default=""}</textarea>
         </label>
 

app/admin/view/base/form.html

@@ -3,8 +3,7 @@
     <div class="layui-card-body padding-left-40">
 
         <div class="layui-form-item">
-            <b class="color-green label-required-prev">数据类型</b>
-            <span class="color-desc margin-left-5">DataType</span>
+            <div class="help-label label-required-prev"><b>数据类型</b>DataType</div>
             {if isset($vo.type)}
             <label><input readonly value="{$vo.type|default=''}" class="layui-input think-bg-gray"></label>
             {else}
@@ -37,8 +36,7 @@
         </div>
 
         <label class="layui-form-item relative block">
-            <b class="color-green">数据编码</b>
-            <span class="color-desc margin-left-5">DataCode</span>
+            <span class="help-label"><b>数据编码</b>DataCode</span>
             {if isset($vo.code)}
             <input readonly maxlength="50" class="layui-input think-bg-gray" name="code" value='{$vo.code|default=""}' required placeholder="请输入数据编码">
             {else}
@@ -48,17 +46,14 @@
         </label>
 
         <label class="layui-form-item relative block">
-            <b class="color-green">数据名称</b>
-            <span class="color-desc margin-left-5">DataName</span>
+            <span class="help-label"><b>数据名称</b>DataName</span>
             <input maxlength="100" class="layui-input" name="name" value='{$vo.name|default=""}' required placeholder="请输入数据名称">
             <span class="help-block">请输入当前数据名称，请尽量保持名称的唯一性，数据名称尽量不要出现重复 ~</span>
         </label>
 
         <label class="layui-form-item relative block">
-            <b class="color-green">数据内容</b>
-            <span class="color-desc margin-left-5">DataContent</span>
+            <span class="help-label"><b>数据内容</b>DataContent</span>
             <textarea name="content" class="layui-textarea" placeholder="请输入数据内容">{$vo.content|default=''}</textarea>
-            <!--<span class="help-block">访问权限名称需要保持不重复，在给用户授权时需要根据名称选择！</span>-->
         </label>
 
     </div>

app/admin/view/user/form.html

@@ -11,8 +11,7 @@
                     </div>
                     <div class="layui-col-xs5">
                         <label class="block relative">
-                            <b class="color-green">登录账号</b>
-                            <span class="color-desc margin-left-5">Login Username</span>
+                            <span class="help-label"><b>登录账号</b>Login Username</span>
                             {if isset($vo) and isset($vo.username)}
                             <input disabled value='{$vo.username|default=""}' required class="layui-input think-bg-gray">
                             {else}
@@ -23,8 +22,7 @@
                     </div>
                     <div class="layui-col-xs5">
                         <label class="block relative">
-                            <b class="color-green">用户名称</b>
-                            <span class="color-desc margin-left-5">User Nickname</span>
+                            <span class="help-label"><b>用户名称</b>User Nickname</span>
                             <input name="nickname" value='{$vo.nickname|default=""}' required placeholder="请输入用户名称" class="layui-input">
                             <span class="help-block">用于区分用户数据的用户名称，请尽量不要重复。</span>
                         </label>
@@ -38,8 +36,7 @@
             <legend><b class="layui-badge think-bg-violet">用户权限</b></legend>
             {if !empty($bases)}
             <div class="layui-form-item">
-                <b class="color-green">角色身份</b>
-                <span class="color-desc margin-left-5">Role Identity</span>
+                <div class="help-label"><b>角色身份</b>Role Identity</div>
                 <div class="layui-textarea" style="min-height:auto">
                     {foreach $bases as $base}
                     <label class="think-checkbox">
@@ -55,8 +52,7 @@
             {/if}
             {if !empty($authorizes)}
             <div class="layui-form-item">
-                <b class="color-green">访问权限</b>
-                <span class="color-desc margin-left-5">Role Permission</span>
+                <div class="help-label"><b>访问权限</b>Role Permission</div>
                 <div class="layui-textarea" style="min-height:auto">
                     {if isset($vo.username) and $vo.username eq $superName}
                     <span class="color-desc">超级用户拥所有访问权限，不需要配置权限。</span>
@@ -80,27 +76,28 @@
             <div class="layui-row layui-col-space15">
                 <div class="layui-col-xs4">
                     <label class="relative block">
-                        <b class="color-green">联系邮箱</b><span class="color-desc margin-left-5">Contact Email</span>
+                        <span class="help-label"><b>联系邮箱</b>Contact Email</span>
                         <input name="contact_mail" pattern="^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$" value='{$vo.contact_mail|default=""}' placeholder="请输入联系电子邮箱" class="layui-input">
                         <span class="color-desc">可选，请填写用户常用的电子邮箱</span>
                     </label>
                 </div>
                 <div class="layui-col-xs4">
                     <label class="relative block">
-                        <b class="color-green">联系手机</b><span class="color-desc margin-left-5">Contact Mobile</span>
+                        <span class="help-label"><b>联系手机</b>Contact Mobile</span>
                         <input type="tel" maxlength="11" name="contact_phone" value='{$vo.contact_phone|default=""}' pattern="^1[3-9][0-9]{9}$" placeholder="请输入用户联系手机" class="layui-input">
                         <span class="color-desc">可选，请填写用户常用的联系手机号</span>
                     </label>
                 </div>
                 <div class="layui-col-xs4">
                     <label class="relative block">
-                        <b class="color-green">联系ＱＱ</b><span class="color-desc margin-left-5">Contact QQ</span>
+                        <span class="help-label"><b>联系ＱＱ</b>Contact QQ</span>
                         <input name="contact_qq" pattern="^\d{6,}$" value='{$vo.contact_qq|default=""}' placeholder="请输入常用的联系ＱＱ" class="layui-input">
                         <span class="color-desc">可选，请填写用户常用的联系ＱＱ号</span>
                     </label>
                 </div>
             </div>
             <label class="layui-form-item block relative margin-top-10">
+                <span></span>
                 <b class="color-green">用户描述</b><span class="color-desc margin-left-5">User Remark</span>
                 <textarea placeholder="请输入用户描述" class="layui-textarea" name="describe">{$vo.describe|default=""}</textarea>
             </label>

app/admin/view/user/pass.html

@@ -2,8 +2,7 @@
     <div class="layui-card-body padding-left-40">
         <div class="layui-form-item">
             <label class="relative block">
-                <span class="color-green font-w7">登录用户账号</span>
-                <span class="color-desc margin-left-5">Username</span>
+                <span class="help-label"><b>登录用户账号</b>Username</span>
                 <!--{if isset($vo) and isset($vo.username)}-->
                 <input disabled value='{$vo.username|default=""}' class="layui-input think-bg-gray">
                 <!--{else}-->
@@ -16,8 +15,7 @@
         <!--{if $verify}-->
         <div class="layui-form-item">
             <label class="relative block">
-                <span class="color-green font-w7">旧的登录密码</span>
-                <span class="color-desc margin-left-5">Old Password</span>
+                <span class="help-label"><b>旧的登录密码</b>Old Password</span>
                 <input type="password" autofocus name="oldpassword" value='' pattern="^\S{1,}$" required placeholder="请输入旧的登录密码" class="layui-input">
             </label>
             <p class="color-desc">请输入旧密码来验证修改权限，旧密码不限制格式。</p>
@@ -26,8 +24,7 @@
 
         <div class="layui-form-item">
             <label class="relative block">
-                <span class="color-green font-w7">新的登录密码</span>
-                <span class="color-desc margin-left-5">New Password</span>
+                <span class="help-label"><b>新的登录密码</b>New Password</span>
                 <input type="password" name="password" maxlength="32" pattern="^(?![\d]+$)(?![a-zA-Z]+$)(?![^\da-zA-Z]+$).{6,32}$" required placeholder="请输入新的登录密码" class="layui-input">
             </label>
             <p class="color-desc">密码必需包含大小写字母、数字、符号的任意两者组合。</p>
@@ -35,8 +32,7 @@
 
         <div class="layui-form-item">
             <label class="relative block">
-                <span class="color-green font-w7">重复登录密码</span>
-                <span class="color-desc margin-left-5">Repeat Password</span>
+                <span class="help-label"><b>重复登录密码</b>Repeat Password</span>
                 <input type="password" name="repassword" maxlength="32" pattern="^(?![\d]+$)(?![a-zA-Z]+$)(?![^\da-zA-Z]+$).{6,32}$" required placeholder="请重复输入登录密码" class="layui-input">
             </label>
             <p class="color-desc">密码必需包含大小写字母、数字、符号的任意两者组合。</p>

public/static/admin.js

@@ -435,7 +435,7 @@ $(function () {
 
     /*! 注册对象到Jq */
     $.vali = function (form, callable) {
-        return $('form').data('validate') || new Validate();
+        return $(form).data('validate') || new Validate();
 
         function Validate() {
             var that = this;
@@ -638,18 +638,18 @@ $(function () {
     /*! 文本框插入内容 */
     $.fn.insertAtCursor = function (value) {
         return this.each(function () {
+            this.focus();
             if (document.selection) {
-                this.focus();
                 var selection = document.selection.createRange();
-                (selection.text = value), selection.select();
+                (selection.text = value), selection.select(), selection.unselect();
             } else if (this.selectionStart || this.selectionStart === 0) {
-                var startPos = this.selectionStart, afterPos = this.selectionAfter, scrollTop = this.scrollTop;
-                this.value = this.value.substring(0, startPos) + value + this.value.substring(afterPos, this.value.length);
-                if (scrollTop > 0) this.scrollTop = scrollTop;
-                this.focus();
-                this.selectionAfter = startPos + value.length;
-                this.selectionStart = startPos + value.length;
-            } else (this.value += value), this.focus();
+                var spos = this.selectionStart, apos = this.selectionEnd || spos;
+                this.value = this.value.substring(0, spos) + value + this.value.substring(apos, this.value.length);
+                this.selectionEnd = this.selectionStart = spos + value.length;
+            } else {
+                this.value += value;
+            }
+            this.focus();
         });
     }
 
@@ -959,7 +959,7 @@ $(function () {
         (function (content, $textarea) {
             $body.append($textarea.val(content)), $textarea.select();
             document.execCommand('Copy') ? $.msg.tips('已复制到剪贴板！') : $.msg.tips('请使用鼠标操作复制！');
-            $textarea.remove();
+            $textarea.remove(), $textarea.unselect();
         })(this.dataset.copy, $('<textarea style="position:fixed;top:-500px"></textarea>'));
     });