From c1aa3bc6c9038ce8e09abf776712cbc5c25cfaef Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E8=B4=A4=E5=BF=83?= <3277200+sentsim@users.noreply.github.com> Date: Wed, 5 Mar 2025 19:35:05 +0800 Subject: [PATCH] =?UTF-8?q?style:=20=E7=A7=BB=E9=99=A4=E6=97=A0=E6=95=88?= =?UTF-8?q?=E7=9A=84=20CSS=20=E5=8F=8A=E4=BC=98=E5=8C=96=E4=B8=8D=E8=A7=84?= =?UTF-8?q?=E8=8C=83=E7=9A=84=20CSS?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/css/layui.css | 66 ++++++++++------------------------------------- 1 file changed, 13 insertions(+), 53 deletions(-) diff --git a/src/css/layui.css b/src/css/layui.css index 99d5e90a..cb902c09 100644 --- a/src/css/layui.css +++ b/src/css/layui.css @@ -26,17 +26,17 @@ a cite{font-style: normal;} /** 基础通用 **/ .layui-border-box, .layui-border-box *{box-sizing: border-box;} /* 消除第三方ui可能造成的冲突 */.layui-box, .layui-box *{box-sizing: content-box;} -.layui-clear{clear: both; *zoom: 1;} -.layui-clear:after{content:'\20'; clear:both; *zoom:1; display:block; height:0;} +.layui-clear{clear: both;} +.layui-clear:after{content:'\20'; clear:both; display:block; height:0;} .layui-clear-space{word-spacing: -5px;} -.layui-inline{position: relative; display: inline-block; *display:inline; *zoom:1; vertical-align: middle;} +.layui-inline{position: relative; display: inline-block; vertical-align: middle;} /* 三角形 */.layui-edge{position: relative; display: inline-block; vertical-align: middle; width: 0; height: 0; border-width: 6px; border-style: dashed; border-color: transparent; overflow: hidden;} .layui-edge-top{top: -4px; border-bottom-color: #999; border-bottom-style: solid;} .layui-edge-right{border-left-color: #999; border-left-style: solid;} .layui-edge-bottom{top: 2px; border-top-color: #999; border-top-style: solid;} .layui-edge-left{border-right-color: #999; border-right-style: solid;} /* 单行溢出省略 */.layui-elip{text-overflow: ellipsis; overflow: hidden; white-space: nowrap;} -/* 屏蔽选中 */.layui-unselect,.layui-icon, .layui-disabled{-moz-user-select: none; -webkit-user-select: none; -ms-user-select: none;} +/* 屏蔽选中 */.layui-unselect,.layui-icon, .layui-disabled{user-select: none;} /* 禁用 */.layui-disabled,.layui-disabled:hover{color: #d2d2d2 !important; cursor: not-allowed !important;} /* 纯圆角 */.layui-circle{border-radius: 100%;} .layui-show{display: block !important;} @@ -521,22 +521,6 @@ a cite{font-style: normal;} .layui-padding-4{padding: 32px !important;} .layui-padding-5{padding: 48px !important;} -/* 上下内边距 */ -.layui-py-xxs{padding: 5px 0;} -.layui-py-xs{padding: 8px 0;} -.layui-py-sm{padding: 11px 0;} -.layui-py-md, .layui-py{padding: 16px 0;} -.layui-py-lg{padding: 24px 0;} -.layui-py-xl{padding: 32px 0;} - -.layui-py-0{padding: 0;} -.layui-py-1{padding: 4px 0;} -.layui-py-2{padding: 8px 0;} -.layui-py-3{padding: 12px 0;} -.layui-py-4{padding: 16px 0;} -.layui-py-5{padding: 20px 0;} -.layui-py-5{padding: 24px 0;} - /* * 外边距 */ @@ -546,22 +530,6 @@ a cite{font-style: normal;} .layui-margin-4{margin: 32px !important;} .layui-margin-5{margin: 48px !important;} -/* 上下外边距 */ -.layui-my-xxs{margin: 5px 0;} -.layui-my-xs{margin: 8px 0;} -.layui-my-sm{margin: 11px 0;} -.layui-my-md, .layui-my{margin: 16px 0;} -.layui-my-lg{margin: 24px 0;} -.layui-my-xl{margin: 32px 0;} - -.layui-my-0{margin: 0;} -.layui-my-1{margin: 4px 0;} -.layui-my-2{margin: 8px 0;} -.layui-my-3{margin: 12px 0;} -.layui-my-4{margin: 16px 0;} -.layui-my-5{margin: 20px 0;} -.layui-my-5{margin: 24px 0;} - /* * 页面元素 @@ -571,7 +539,7 @@ a cite{font-style: normal;} .layui-input, .layui-select, .layui-textarea, -.layui-upload-button{outline: none; -webkit-appearance: none; transition: all .3s; -webkit-transition: all .3s; box-sizing: border-box;} +.layui-upload-button{outline: none; appearance: none; -webkit-appearance: none; transition: all .3s; -webkit-transition: all .3s; box-sizing: border-box;} /* 引用 */ .layui-elem-quote{margin-bottom: 10px; padding: 15px; line-height: 1.8; border-left: 5px solid #16b777; border-radius: 0 2px 2px 0; background-color: #fafafa;} @@ -735,7 +703,7 @@ hr.layui-border-black{border-width: 0 0 1px;} * 按钮 */ -.layui-btn{display: inline-block; vertical-align: middle; height: 38px; line-height: 38px; border: 1px solid transparent; padding: 0 18px; background-color: #16baaa; color: #fff; white-space: nowrap; text-align: center; font-size: 14px; border-radius: 2px; cursor: pointer; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none;} +.layui-btn{display: inline-block; vertical-align: middle; height: 38px; line-height: 38px; border: 1px solid transparent; padding: 0 18px; background-color: #16baaa; color: #fff; white-space: nowrap; text-align: center; font-size: 14px; border-radius: 2px; cursor: pointer; user-select: none;} .layui-btn:hover{opacity: 0.8; filter:alpha(opacity=80); color: #fff;} .layui-btn:active{opacity: 1; filter:alpha(opacity=100);} .layui-btn+.layui-btn{margin-left: 10px;} @@ -789,8 +757,8 @@ hr.layui-border-black{border-width: 0 0 1px;} .layui-form input[type=radio]{display: none;} .layui-form *[lay-ignore]{display: initial;} -.layui-form-item{position: relative; margin-bottom: 15px; clear: both; *zoom: 1;} -.layui-form-item:after{content:'\20'; clear: both; *zoom: 1; display: block; height:0;} +.layui-form-item{position: relative; margin-bottom: 15px; clear: both;} +.layui-form-item:after{content:'\20'; clear: both; display: block; height:0;} .layui-form-label{position: relative; float: left; display: block; padding: 9px 15px; width: 80px; font-weight: 400; line-height: 20px; text-align: right;} .layui-form-label-col{display: block; float: none; padding: 9px 0; line-height: 20px; text-align: left;} .layui-form-item .layui-inline{margin-bottom: 5px; margin-right: 10px;} @@ -863,7 +831,7 @@ hr.layui-border-black{border-width: 0 0 1px;} .layui-input-wrap .layui-input-number .layui-icon:hover{font-weight: 700;} .layui-input-wrap .layui-input[type="number"]::-webkit-outer-spin-button, .layui-input-wrap .layui-input[type="number"]::-webkit-inner-spin-button{-webkit-appearance: none !important;} -.layui-input-wrap .layui-input[type="number"]{-moz-appearance: textfield;} +.layui-input-wrap .layui-input[type="number"]{-moz-appearance: textfield; -webkit-appearance: textfield; appearance: textfield;} .layui-input-wrap .layui-input[type="number"].layui-input-number-out-of-range{color:#ff5722;} @@ -897,7 +865,6 @@ hr.layui-border-black{border-width: 0 0 1px;} /* 复选框 */ .layui-form-checkbox{position: relative; display: inline-block; vertical-align: middle; height: 30px; line-height: 30px; margin-right: 10px; padding-right: 30px; background-color: #fff; cursor: pointer; font-size: 0; -webkit-transition: .1s linear; transition: .1s linear; box-sizing: border-box;} -.layui-form-checkbox:hover{} .layui-form-checkbox > *{display: inline-block; vertical-align: middle;} .layui-form-checkbox > div{padding: 0 11px; font-size: 14px; border-radius: 2px 0 0 2px; background-color: #d2d2d2; color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .layui-form-checkbox > div > .layui-icon{line-height: normal} @@ -990,7 +957,7 @@ hr.layui-border-black{border-width: 0 0 1px;} } /** 分页 **/ -.layui-laypage{display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; margin: 10px 0; font-size: 0;} +.layui-laypage{display: inline-block; vertical-align: middle; margin: 10px 0; font-size: 0;} .layui-laypage>a:first-child, .layui-laypage>a:first-child em{border-radius: 2px 0 0 2px;} .layui-laypage>a:last-child, @@ -1003,7 +970,7 @@ hr.layui-border-black{border-width: 0 0 1px;} .layui-laypage button, .layui-laypage select{border: 1px solid #eee;} .layui-laypage a, -.layui-laypage span{display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; padding: 0 15px; height: 28px; line-height: 28px; margin: 0 -1px 5px 0; background-color: #fff; color: #333; font-size: 12px;} +.layui-laypage span{display: inline-block; vertical-align: middle; padding: 0 15px; height: 28px; line-height: 28px; margin: 0 -1px 5px 0; background-color: #fff; color: #333; font-size: 12px;} .layui-laypage a[data-page]{color: #333;} .layui-laypage a{text-decoration: none !important; cursor: pointer;} .layui-laypage a:hover{color: #16baaa;} @@ -1044,12 +1011,6 @@ hr.layui-border-black{border-width: 0 0 1px;} .layui-table tr{transition: all .3s; -webkit-transition: all .3s;} .layui-table th{text-align: left; font-weight: 600;} -.layui-table thead tr, -.layui-table-header, -.layui-table-tool, -.layui-table-total, -.layui-table-total tr, -.layui-table-patch{} .layui-table-mend{background-color: #fff;} .layui-table-hover, .layui-table-click, @@ -1358,13 +1319,12 @@ body .layui-table-tips .layui-layer-content{background: none; padding: 0; box-sh /** 导航菜单 **/ .layui-nav{position: relative; padding: 0 15px; background-color: #2f363c; color: #fff; border-radius: 2px; font-size: 0; box-sizing: border-box;} .layui-nav *{font-size: 14px;} -.layui-nav .layui-nav-item{position: relative; display: inline-block; *display: inline; *zoom: 1; margin-top: 0; list-style: none; vertical-align: middle; line-height: 60px;} +.layui-nav .layui-nav-item{position: relative; display: inline-block; margin-top: 0; list-style: none; vertical-align: middle; line-height: 60px;} .layui-nav .layui-nav-item a{display: block; padding: 0 20px; color: #fff; color: rgba(255,255,255,.7); transition: all .3s; -webkit-transition: all .3s;} .layui-nav-bar, .layui-nav .layui-this:after{content: ""; position: absolute; left: 0; top: 0; width: 0; height: 3px; background-color: #16b777; transition: all .2s; -webkit-transition: all .2s; pointer-events: none;} .layui-nav-bar{z-index: 1000;} .layui-nav[lay-bar="disabled"] .layui-nav-bar{display: none;} -.layui-nav[lay-bar="disabled"].layui-this:after{} .layui-nav .layui-this a, .layui-nav .layui-nav-item a:hover{color: #fff; text-decoration: none;} .layui-nav .layui-this:after{top: auto; bottom: 0; width: 100%;} @@ -1442,7 +1402,7 @@ body .layui-table-tips .layui-layer-content{background: none; padding: 0; box-sh .layui-tab[overflow]>.layui-tab-title{overflow: hidden;} .layui-tab .layui-tab-title{position: relative; left: 0; height: 40px; white-space: nowrap; font-size: 0; transition: all .2s; -webkit-transition: all .2s;} .layui-tab .layui-tab-title:after{content: ""; border-bottom-color: #eee; border-bottom-width: 1px; border-style: none none solid; bottom: 0; left: 0; right: auto; top: auto; pointer-events: none; position: absolute; width: 100%; z-index: 8;} -.layui-tab .layui-tab-title li{display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; font-size: 14px; transition: all .2s; -webkit-transition: all .2s;} +.layui-tab .layui-tab-title li{display: inline-block; vertical-align: middle; font-size: 14px; transition: all .2s; -webkit-transition: all .2s;} .layui-tab .layui-tab-title li{position: relative; line-height: 40px; min-width: 65px; margin: 0; padding: 0 15px; text-align: center; cursor: pointer;} .layui-tab .layui-tab-title li a{display: block; padding: 0 15px; margin: 0 -15px;} .layui-tab-title .layui-this{color: #000;}