From ee6038b82d4bee0479eebdb9baaffaa33c80b593 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E8=B4=A4=E5=BF=83?= <3277200+sentsim@users.noreply.github.com> Date: Sat, 22 Apr 2023 19:40:48 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=20`checkbox`=20=E5=8D=8A?= =?UTF-8?q?=E9=80=89=E7=8A=B6=E6=80=81=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/css/layui.css | 4 ++-- src/modules/form.js | 3 ++- 2 files changed, 4 insertions(+), 3 deletions(-) diff --git a/src/css/layui.css b/src/css/layui.css index aca2123e..44f2f84a 100644 --- a/src/css/layui.css +++ b/src/css/layui.css @@ -838,8 +838,8 @@ a cite{font-style: normal; *cursor:pointer;} .layui-form-checked.layui-checkbox-disabled[lay-skin="primary"] i{background: #eee!important; border-color: #eee!important;} .layui-checkbox-disabled[lay-skin="primary"]:hover i{border-color: #d2d2d2;} .layui-form-item .layui-form-checkbox[lay-skin="primary"]{margin-top: 10px;} -.layui-form-checkbox[lay-skin="primary"] > i.layui-icon-subtraction, -.layui-form-checkbox[lay-skin="primary"]:hover i.layui-icon-subtraction {color: darkgray;} +.layui-form-checkbox[lay-skin="primary"] .layui-icon-indeterminate:before{content: ''; display: inline-block; vertical-align: middle; position: relative; width: 50%; height: 1px; margin: -1px auto 0; background-color: #d2d2d2;} +.layui-form-checkbox[lay-skin="primary"]:hover .layui-icon-indeterminate:before{background-color: #16b777;} /* 复选框-开关风格 */.layui-form-switch{position: relative; display: inline-block; vertical-align: middle; height: 22px; line-height: 22px; min-width: 35px; padding: 0 5px; margin-top: 8px; border: 1px solid #d2d2d2; border-radius: 20px; cursor: pointer; background-color: #fff; -webkit-transition: .1s linear; transition: .1s linear;} .layui-form-switch i{position: absolute; left: 5px; top: 3px; width: 16px; height: 16px; border-radius: 20px; background-color: #d2d2d2; -webkit-transition: .1s linear; transition: .1s linear;} diff --git a/src/modules/form.js b/src/modules/form.js index 8d922219..e0cc3938 100644 --- a/src/modules/form.js +++ b/src/modules/form.js @@ -624,7 +624,7 @@ layui.define(['lay', 'layer', 'util'], function(exports){ var CLASS = { "checkbox": ['layui-form-checkbox', 'layui-form-checked', 'checkbox'], "switch": ['layui-form-switch', 'layui-form-onswitch', 'switch'], - SUBTRA: 'layui-icon-subtraction' + SUBTRA: 'layui-icon-indeterminate' }; var checks = elem || elemForm.find('input[type=checkbox]'); // 风格 @@ -643,6 +643,7 @@ layui.define(['lay', 'layer', 'util'], function(exports){ var title = (check.attr('title')||'').split('|'); if(check[0].disabled) return; + if (check[0].indeterminate) { check[0].indeterminate = false; reElem.find(CLASS.SUBTRA).removeClass(CLASS.SUBTRA).addClass('layui-icon-ok')