diff --git a/src/css/layui.css b/src/css/layui.css index 97787db1..402aa350 100644 --- a/src/css/layui.css +++ b/src/css/layui.css @@ -270,8 +270,8 @@ a cite{font-style: normal; *cursor:pointer;} .layui-layout-admin .layui-side{top: 60px; width: 200px; overflow-x: hidden;} .layui-layout-admin .layui-body{position: absolute; top: 60px; padding-bottom: 44px;} .layui-layout-admin .layui-main{width: auto; margin: 0 15px;} -.layui-layout-admin .layui-footer{position: fixed; left: 200px; right: 0; bottom: 0; z-index: 990; height: 44px; line-height: 44px; padding: 0 15px; box-shadow: -1px 0 4px rgb(0 0 0 / 12%); background-color: #FAFAFA;} -.layui-layout-admin .layui-logo{position: absolute; left: 0; top: 0; width: 200px; height: 100%; line-height: 60px; text-align: center; color: #009688; font-size: 16px; box-shadow: 0 1px 2px 0 rgb(0 0 0 / 15%);} +.layui-layout-admin .layui-footer{position: fixed; left: 200px; right: 0; bottom: 0; z-index: 990; height: 44px; line-height: 44px; padding: 0 15px; box-shadow: -1px 0 4px rgb(0 0 0 / 12%); background-color: #fafafa;} +.layui-layout-admin .layui-logo{position: absolute; left: 0; top: 0; width: 200px; height: 100%; line-height: 60px; text-align: center; color: #16baaa; font-size: 16px; box-shadow: 0 1px 2px 0 rgb(0 0 0 / 15%);} .layui-layout-admin .layui-header .layui-nav{background: none;} .layui-layout-left{position: absolute !important; left: 200px; top: 0;} .layui-layout-right{position: absolute !important; right: 0; top: 0;} @@ -512,17 +512,17 @@ a cite{font-style: normal; *cursor:pointer;} /** 页面元素 **/ .layui-btn, .layui-input, .layui-textarea, .layui-upload-button, .layui-select{outline: 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 #5FB878; border-radius: 0 2px 2px 0; background-color: #FAFAFA;} +/* 引用 */.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;} .layui-quote-nm{border-style: solid; border-width: 1px; border-left-width: 5px; background: none;} /* 字段集合 */.layui-elem-field{margin-bottom: 10px; padding: 0; border-width: 1px; border-style: solid;} -.layui-elem-field legend{margin-left: 20px; padding: 0 10px; font-size: 20px; font-weight: 300;} -.layui-field-title{margin: 10px 0 20px; border-width: 0; border-top-width: 1px;} +.layui-elem-field legend{margin-left: 20px; padding: 0 10px; font-size: 20px;} +.layui-field-title{margin: 16px 0; border-width: 0; border-top-width: 1px;} .layui-field-box{padding: 15px;} .layui-field-title .layui-field-box{padding: 10px 0;} /* 进度条 */ .layui-progress{position: relative; height: 6px; border-radius: 20px; background-color: #eee;} -.layui-progress-bar{position: absolute; left: 0; top: 0; width: 0; max-width: 100%; height: 6px; border-radius: 20px; text-align: right; background-color: #5FB878; transition: all .3s; -webkit-transition: all .3s;} +.layui-progress-bar{position: absolute; left: 0; top: 0; width: 0; max-width: 100%; height: 6px; border-radius: 20px; text-align: right; background-color: #16b777; transition: all .3s; -webkit-transition: all .3s;} .layui-progress-big, .layui-progress-big .layui-progress-bar{height: 18px; line-height: 18px;} .layui-progress-text{position: relative; top: -20px; line-height: 18px; font-size: 12px; color: #5F5F5F} @@ -541,7 +541,7 @@ a cite{font-style: normal; *cursor:pointer;} .layui-colla-item, .layui-colla-content{border-top-width: 1px; border-top-style: solid;} .layui-colla-item:first-child{border-top: none;} -.layui-colla-title{position: relative; height: 42px; line-height: 42px; padding: 0 15px 0 35px; color: #333; background-color: #FAFAFA; cursor: pointer; font-size: 14px; overflow: hidden;} +.layui-colla-title{position: relative; height: 42px; line-height: 42px; padding: 0 15px 0 35px; color: #333; background-color: #fafafa; cursor: pointer; font-size: 14px; overflow: hidden;} .layui-colla-content{display: none; padding: 10px 15px; line-height: 1.6; color: #5F5F5F;} .layui-colla-icon{position: absolute; left: 15px; top: 0; font-size: 14px;} @@ -572,13 +572,13 @@ a cite{font-style: normal; *cursor:pointer;} /* 背景颜色 */ -.layui-bg-red{background-color: #FF5722 !important; color: #fff!important;} /*赤*/ -.layui-bg-orange{background-color: #FFB800!important; color: #fff!important;} /*橙*/ -.layui-bg-green{background-color: #009688!important; color: #fff!important;} /*绿*/ -.layui-bg-cyan{background-color: #2F4056!important; color: #fff!important;} /*青*/ -.layui-bg-blue{background-color: #1E9FFF!important; color: #fff!important;} /*蓝*/ -.layui-bg-black{background-color: #393D49!important; color: #fff!important;} /*深*/ -.layui-bg-gray{background-color: #FAFAFA!important; color: #5F5F5F!important;} /*浅*/ +.layui-bg-red{background-color: #ff5722 !important; color: #fff!important;} /*赤*/ +.layui-bg-orange{background-color: #ffb800!important; color: #fff!important;} /*橙*/ +.layui-bg-green{background-color: #16baaa!important; color: #fff!important;} /*绿*/ +.layui-bg-cyan{background-color: #2f4056!important; color: #fff!important;} /*青*/ +.layui-bg-blue{background-color: #1e9fff!important; color: #fff!important;} /*蓝*/ +.layui-bg-black{background-color: #393d49!important; color: #fff!important;} /*深*/ +.layui-bg-gray{background-color: #fafafa!important; color: #5F5F5F!important;} /*浅*/ /* 边框 */ .layui-border, @@ -600,12 +600,12 @@ a cite{font-style: normal; *cursor:pointer;} .layui-form-pane .layui-form-item[pane]{border-color: #eee;} .layui-border{border-width: 1px; border-style: solid; color: #5F5F5F!important;} -.layui-border-red{border-width: 1px; border-style: solid; border-color: #FF5722!important; color: #FF5722!important;} -.layui-border-orange{border-width: 1px; border-style: solid; border-color: #FFB800!important; color: #FFB800!important;} -.layui-border-green{border-width: 1px; border-style: solid; border-color: #009688!important; color: #009688!important;} -.layui-border-cyan{border-width: 1px; border-style: solid; border-color: #2F4056!important; color: #2F4056!important;} -.layui-border-blue{border-width: 1px; border-style: solid; border-color: #1E9FFF!important; color: #1E9FFF!important;} -.layui-border-black{border-width: 1px; border-style: solid; border-color: #393D49!important; color: #393D49!important;} +.layui-border-red{border-width: 1px; border-style: solid; border-color: #ff5722!important; color: #ff5722!important;} +.layui-border-orange{border-width: 1px; border-style: solid; border-color: #ffb800!important; color: #ffb800!important;} +.layui-border-green{border-width: 1px; border-style: solid; border-color: #16baaa!important; color: #16baaa!important;} +.layui-border-cyan{border-width: 1px; border-style: solid; border-color: #2f4056!important; color: #2f4056!important;} +.layui-border-blue{border-width: 1px; border-style: solid; border-color: #1e9fff!important; color: #1e9fff!important;} +.layui-border-black{border-width: 1px; border-style: solid; border-color: #393d49!important; color: #393d49!important;} /* 背景边框 */ .layui-timeline-item:before{background-color: #eee;} @@ -636,7 +636,7 @@ a cite{font-style: normal; *cursor:pointer;} .layui-text a:not(.layui-btn){color: #01AAED;} .layui-text a:not(.layui-btn):hover{text-decoration: underline;} .layui-text blockquote:not(.layui-elem-quote){padding: 5px 15px; border-left: 5px solid #eee;} -.layui-text pre > code:not(.layui-code){padding: 15px; font-family: Courier New,Lucida Console,Consolas; background-color: #FAFAFA;} +.layui-text pre > code:not(.layui-code){padding: 15px; font-family: Courier New,Lucida Console,Consolas; background-color: #fafafa;} /* 字体大小及颜色 */ .layui-font-12{font-size: 12px !important;} @@ -652,10 +652,10 @@ a cite{font-style: normal; *cursor:pointer;} .layui-font-30{font-size: 30px !important;} .layui-font-32{font-size: 32px !important;} -.layui-font-red{color: #FF5722 !important;} /*赤*/ -.layui-font-orange{color: #FFB800!important;} /*橙*/ -.layui-font-green{color: #009688!important;} /*绿*/ -.layui-font-cyan{color: #2F4056!important;} /*青*/ +.layui-font-red{color: #ff5722 !important;} /*赤*/ +.layui-font-orange{color: #ffb800!important;} /*橙*/ +.layui-font-green{color: #16baaa!important;} /*绿*/ +.layui-font-cyan{color: #2f4056!important;} /*青*/ .layui-font-blue{color: #01AAED!important;} /*蓝*/ .layui-font-black{color: #000!important;} /*黑*/ .layui-font-gray{color: #c2c2c2!important;} /*灰*/ @@ -668,7 +668,7 @@ a cite{font-style: normal; *cursor:pointer;} */ -.layui-btn{display: inline-block; vertical-align: middle; height: 38px; line-height: 38px; border: 1px solid transparent; padding: 0 18px; background-color: #009688; 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; -moz-user-select: none; -webkit-user-select: none; -ms-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;} @@ -684,11 +684,11 @@ a cite{font-style: normal; *cursor:pointer;} .layui-btn .layui-icon{padding: 0 2px; vertical-align: middle\0; vertical-align: bottom;} /* 原始 */.layui-btn-primary{border-color: #d2d2d2; background: none; color: #5F5F5F;} -.layui-btn-primary:hover{border-color: #009688; color: #333;} -/* 百搭 */.layui-btn-normal{background-color: #1E9FFF;} -/* 暖色 */.layui-btn-warm{background-color: #FFB800;} -/* 警告 */.layui-btn-danger{background-color: #FF5722;} -/* 选中 */.layui-btn-checked{background-color: #5FB878;} +.layui-btn-primary:hover{border-color: #16baaa; color: #333;} +/* 百搭 */.layui-btn-normal{background-color: #1e9fff;} +/* 暖色 */.layui-btn-warm{background-color: #ffb800;} +/* 警告 */.layui-btn-danger{background-color: #ff5722;} +/* 选中 */.layui-btn-checked{background-color: #16b777;} /* 禁用 */.layui-btn-disabled, .layui-btn-disabled:hover, .layui-btn-disabled:active{border-color: #eee !important; background-color: #FBFBFB !important; color: #d2d2d2 !important; cursor: not-allowed !important; opacity: 1;} /* 大型 */.layui-btn-lg{height: 44px; line-height: 44px; padding: 0 25px; font-size: 16px;} @@ -698,7 +698,7 @@ a cite{font-style: normal; *cursor:pointer;} /* 按钮组 */.layui-btn-group{display: inline-block; vertical-align: middle; font-size: 0;} .layui-btn-group .layui-btn{margin-left: 0!important; margin-right: 0!important; border-left: 1px solid rgba(255,255,255,.5); border-radius: 0;} .layui-btn-group .layui-btn-primary{border-left: none;} -.layui-btn-group .layui-btn-primary:hover{border-color: #d2d2d2; color: #009688;} +.layui-btn-group .layui-btn-primary:hover{border-color: #d2d2d2; color: #16baaa;} .layui-btn-group .layui-btn:first-child{border-left: none; border-radius: 2px 0 0 2px;} .layui-btn-group .layui-btn-primary:first-child{border-left: 1px solid #d2d2d2;} .layui-btn-group .layui-btn:last-child{border-radius: 0 2px 2px 0;} @@ -737,7 +737,7 @@ a cite{font-style: normal; *cursor:pointer;} /* 警告条 */ .layui-form-danger:focus, -.layui-form-danger+.layui-form-select .layui-input{border-color: #FF5722 !important;} +.layui-form-danger+.layui-form-select .layui-input{border-color: #ff5722 !important;} /* 输入框点缀 */ @@ -797,8 +797,8 @@ a cite{font-style: normal; *cursor:pointer;} .layui-form-select dl dd:hover{background-color: #f8f8f8; -webkit-transition: .5s all; transition: .5s all;} .layui-form-select .layui-select-group dd{padding-left: 20px;} .layui-form-select dl dd.layui-select-tips{padding-left: 10px !important; color: #999;} -.layui-form-select dl dd.layui-this{background-color: #f8f8f8; color: #5FB878; font-weight: 700;} -/*.layui-form-select dl dd.layui-this{background-color: #f8f8f8; color: #5FB878; font-weight: 700;}*/ +.layui-form-select dl dd.layui-this{background-color: #f8f8f8; color: #16b777; font-weight: 700;} +/*.layui-form-select dl dd.layui-this{background-color: #f8f8f8; color: #16b777; font-weight: 700;}*/ .layui-form-select dl dd.layui-disabled{background-color: #fff;} .layui-form-selected dl{display: block;} .layui-form-selected .layui-edge{margin-top: -9px; -webkit-transform:rotate(180deg); transform: rotate(180deg);} @@ -817,16 +817,16 @@ a cite{font-style: normal; *cursor:pointer;} .layui-form-checkbox:hover span{background-color: #c2c2c2;} .layui-form-checkbox i{position: absolute; right: 0; top: 0; width: 30px; height: 28px; border: 1px solid #d2d2d2; border-left: none; border-radius: 0 2px 2px 0; color: #fff; color: rgba(255,255,255,0); font-size: 20px; text-align: center;} .layui-form-checkbox:hover i{border-color: #c2c2c2; color: #c2c2c2;} -.layui-form-checked, .layui-form-checked:hover{border-color: #5FB878;} -.layui-form-checked span, .layui-form-checked:hover span{background-color: #5FB878;} -.layui-form-checked i, .layui-form-checked:hover i{color: #5FB878;} +.layui-form-checked, .layui-form-checked:hover{border-color: #16b777;} +.layui-form-checked span, .layui-form-checked:hover span{background-color: #16b777;} +.layui-form-checked i, .layui-form-checked:hover i{color: #16b777;} .layui-form-item .layui-form-checkbox{margin-top: 4px;} /* 复选框-默认风格 */.layui-form-checkbox[lay-skin="primary"]{height: auto!important; line-height: normal!important; min-width: 18px; min-height: 18px; border: none!important; margin-right: 0; padding-left: 28px; padding-right: 0; background: none;} .layui-form-checkbox[lay-skin="primary"] span{padding-left: 0; padding-right: 15px; line-height: 18px; background: none; color: #5F5F5F;} .layui-form-checkbox[lay-skin="primary"] i{right: auto; left: 0; width: 16px; height: 16px; line-height: 16px; border: 1px solid #d2d2d2; font-size: 12px; border-radius: 2px; background-color: #fff; -webkit-transition: .1s linear; transition: .1s linear;} -.layui-form-checkbox[lay-skin="primary"]:hover i{border-color: #5FB878; color: #fff;} -.layui-form-checked[lay-skin="primary"] i{border-color: #5FB878 !important; background-color: #5FB878; color: #fff;} +.layui-form-checkbox[lay-skin="primary"]:hover i{border-color: #16b777; color: #fff;} +.layui-form-checked[lay-skin="primary"] i{border-color: #16b777 !important; background-color: #16b777; color: #fff;} .layui-checkbox-disabled[lay-skin="primary"] span{background: none!important; color: #c2c2c2!important;} .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;} @@ -835,7 +835,7 @@ a cite{font-style: normal; *cursor:pointer;} /* 复选框-开关风格 */.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;} .layui-form-switch em{position: relative; top: 0; width: 25px; margin-left: 21px; padding: 0!important; text-align: center!important; color: #999!important; font-style: normal!important; font-size: 12px;} -.layui-form-onswitch{border-color: #5FB878; background-color: #5FB878;} +.layui-form-onswitch{border-color: #16b777; background-color: #16b777;} .layui-form-onswitch i{left: 100%; margin-left: -21px; background-color: #fff;} .layui-form-onswitch em{margin-left: 5px; margin-right: 21px; color: #fff!important;} @@ -852,11 +852,11 @@ a cite{font-style: normal; *cursor:pointer;} .layui-form-radio>i{margin-right: 8px; font-size: 22px; color: #c2c2c2;} .layui-form-radioed, .layui-form-radioed>i, -.layui-form-radio:hover *{color: #5FB878;} +.layui-form-radio:hover *{color: #16b777;} .layui-radio-disabled>i{color: #eee !important;} .layui-radio-disabled *{color: #c2c2c2!important;} -/* 表单方框风格 */.layui-form-pane .layui-form-label{width: 110px; padding: 8px 15px; height: 38px; line-height: 20px; border-width: 1px; border-style: solid; border-radius: 2px 0 0 2px; text-align: center; background-color: #FAFAFA; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; box-sizing: border-box;} +/* 表单方框风格 */.layui-form-pane .layui-form-label{width: 110px; padding: 8px 15px; height: 38px; line-height: 20px; border-width: 1px; border-style: solid; border-radius: 2px 0 0 2px; text-align: center; background-color: #fafafa; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; box-sizing: border-box;} .layui-form-pane .layui-input-inline{margin-left: -1px;} .layui-form-pane .layui-input-block{margin-left: 110px; left: -1px;} .layui-form-pane .layui-input{border-radius: 0 2px 2px 0;} @@ -898,12 +898,12 @@ a cite{font-style: normal; *cursor:pointer;} .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 a[data-page]{color: #333;} .layui-laypage a{text-decoration: none !important; cursor: pointer;} -.layui-laypage a:hover{color: #009688;} +.layui-laypage a:hover{color: #16baaa;} .layui-laypage em{font-style: normal;} .layui-laypage .layui-laypage-spr{color:#999; font-weight: 700;} .layui-laypage .layui-laypage-curr{position: relative;} .layui-laypage .layui-laypage-curr em{position: relative; color: #fff;} -.layui-laypage .layui-laypage-curr .layui-laypage-em{position: absolute; left: -1px; top: -1px; padding: 1px; width: 100%; height: 100%; background-color: #009688; } +.layui-laypage .layui-laypage-curr .layui-laypage-em{position: absolute; left: -1px; top: -1px; padding: 1px; width: 100%; height: 100%; background-color: #16baaa; } .layui-laypage-em{border-radius: 2px;} .layui-laypage-prev em, .layui-laypage-next em{font-family: Sim sun; font-size: 16px;} @@ -920,7 +920,7 @@ a cite{font-style: normal; *cursor:pointer;} .layui-laypage input, .layui-laypage button{height: 30px; line-height: 30px; border-radius: 2px; vertical-align: top; background-color: #fff; box-sizing: border-box;} .layui-laypage input{display: inline-block; width: 40px; margin: 0 10px; padding: 0 3px; text-align: center;} .layui-laypage input:focus, -.layui-laypage select:focus{border-color: #009688!important;} +.layui-laypage select:focus{border-color: #16baaa!important;} .layui-laypage button{margin-left: 10px; padding: 0 10px; cursor: pointer;} /** 流加载 **/ @@ -1084,7 +1084,7 @@ a cite{font-style: normal; *cursor:pointer;} .layui-table-patch .layui-table-cell{padding: 0; width: 30px;} .layui-table-edit{position: absolute; left: 0; top: 0; z-index: 189; min-width: 100%; min-height: 100%; padding: 5px 14px; border-radius: 0; box-shadow: 1px 1px 20px rgba(0,0,0,.15); background-color: #fff;} -.layui-table-edit:focus{border-color: #5FB878!important;} +.layui-table-edit:focus{border-color: #16b777!important;} input.layui-input.layui-table-edit{height: 100%;} select.layui-table-edit{padding: 0 0 0 10px; border-color: #d2d2d2;} .layui-table-view .layui-form-switch, @@ -1110,8 +1110,8 @@ body .layui-table-tips .layui-layer-content{background: none; padding: 0; box-sh .layui-upload-list{margin: 11px 0;} .layui-upload-choose{max-width: 200px; padding: 0 10px; color: #999; font-size: 14px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;} .layui-upload-drag{position: relative; display: inline-block; padding: 30px; border: 1px dashed #e2e2e2; background-color: #fff; text-align: center; cursor: pointer; color: #999;} -.layui-upload-drag .layui-icon{font-size: 50px; color: #009688;} -.layui-upload-drag[lay-over]{border-color: #009688} +.layui-upload-drag .layui-icon{font-size: 50px; color: #16baaa;} +.layui-upload-drag[lay-over]{border-color: #16baaa} .layui-upload-form{display: inline-block;} .layui-upload-iframe{position: absolute; width: 0; height: 0; border: 0; visibility: hidden} .layui-upload-wrap{position: relative; display: inline-block; vertical-align: middle;} @@ -1152,10 +1152,10 @@ body .layui-table-tips .layui-layer-content{background: none; padding: 0; box-sh .layui-menu .layui-menu-item-down>ul{visibility: visible; height: auto;} .layui-menu .layui-menu-item-checked, -.layui-menu .layui-menu-item-checked2{background-color: #f8f8f8!important; color: #5FB878;} +.layui-menu .layui-menu-item-checked2{background-color: #f8f8f8!important; color: #16b777;} .layui-menu .layui-menu-item-checked a, -.layui-menu .layui-menu-item-checked2 a{color: #5FB878;} -.layui-menu .layui-menu-item-checked:after{position: absolute; right: 0; top: 0; bottom: 0; border-right: 3px solid #5FB878; content: "";} +.layui-menu .layui-menu-item-checked2 a{color: #16b777;} +.layui-menu .layui-menu-item-checked:after{position: absolute; right: 0; top: 0; bottom: 0; border-right: 3px solid #16b777; content: "";} .layui-menu-body-title{position: relative; overflow: hidden; text-overflow: ellipsis;} .layui-menu-body-title a{display: block; margin: -5px -15px; color: rgba(0,0,0,.8);} @@ -1170,7 +1170,7 @@ body .layui-table-tips .layui-layer-content{background: none; padding: 0; box-sh .layui-menu-lg li{line-height: 32px;} .layui-menu-lg li:hover, -.layui-menu-lg .layui-menu-body-title a:hover{background: none; color: #5FB878;} +.layui-menu-lg .layui-menu-body-title a:hover{background: none; color: #16b777;} .layui-menu-lg li .layui-menu-body-panel{margin-left: 14px} .layui-menu-lg li .layui-menu-body-panel-left{margin: 0 15px 0;} @@ -1181,12 +1181,12 @@ body .layui-table-tips .layui-layer-content{background: none; padding: 0; box-sh .layui-dropdown-shade{top: 0; left: 0; width: 100%; height: 100%; _height: expression(document.body.offsetHeight+"px"); position: fixed; _position: absolute; pointer-events: auto;} /** 导航菜单 **/ -.layui-nav{position: relative; padding: 0 15px; background-color: #393D49; color: #fff; border-radius: 2px; font-size: 0; box-sizing: border-box;} +.layui-nav{position: relative; padding: 0 15px; background-color: #393d49; 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 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: 5px; background-color: #5FB878; transition: all .2s; -webkit-transition: all .2s; pointer-events: none;} +.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{} @@ -1222,12 +1222,12 @@ body .layui-table-tips .layui-layer-content{background: none; padding: 0; box-sh .layui-nav-tree .layui-this>a, .layui-nav-tree .layui-this>a:hover, .layui-nav-tree .layui-nav-child dd.layui-this, -.layui-nav-tree .layui-nav-child dd.layui-this a{background-color: #009688; color: #fff;} +.layui-nav-tree .layui-nav-child dd.layui-this a{background-color: #16baaa; color: #fff;} .layui-nav-tree .layui-this:after{display: none;} .layui-nav-tree .layui-nav-title a, .layui-nav-tree .layui-nav-title a:hover, .layui-nav-itemed>a{color: #fff !important;} -.layui-nav-tree .layui-nav-bar{background-color: #009688;} +.layui-nav-tree .layui-nav-bar{background-color: #16baaa;} .layui-nav-tree .layui-nav-child{position: relative; z-index: 0; top: 0; border: none; box-shadow: none;} .layui-nav-tree .layui-nav-child dd{margin: 0;} @@ -1245,22 +1245,22 @@ body .layui-table-tips .layui-layer-content{background: none; padding: 0; box-sh .layui-nav-tree.layui-bg-gray a{color: rgba(0,0,0,.8);} .layui-nav-tree.layui-bg-gray{padding: 6px 0;} .layui-nav-tree.layui-bg-gray .layui-nav-itemed>a{color: #000 !important;} -.layui-nav.layui-bg-gray .layui-this a{color: #5FB878;} +.layui-nav.layui-bg-gray .layui-this a{color: #16b777;} .layui-nav-tree.layui-bg-gray .layui-nav-itemed>.layui-nav-child{padding-left: 11px; background: none!important;} .layui-nav-tree.layui-bg-gray .layui-nav-item>a{padding-top: 0; padding-bottom: 0;} .layui-nav-tree.layui-bg-gray .layui-nav-item>a .layui-nav-more{padding: 0;} .layui-nav-tree.layui-bg-gray .layui-this, .layui-nav-tree.layui-bg-gray .layui-this>a, .layui-nav-tree.layui-bg-gray .layui-nav-child dd.layui-this, -.layui-nav-tree.layui-bg-gray .layui-nav-child dd.layui-this a{background: none!important; color: #5FB878!important; font-weight: 700;} -.layui-nav-tree.layui-bg-gray .layui-nav-bar{background-color: #5FB878;} +.layui-nav-tree.layui-bg-gray .layui-nav-child dd.layui-this a{background: none!important; color: #16b777!important; font-weight: 700;} +.layui-nav-tree.layui-bg-gray .layui-nav-bar{background-color: #16b777;} /** 面包屑 **/ .layui-breadcrumb{visibility: hidden; font-size: 0;} .layui-breadcrumb>*{font-size: 14px;} .layui-breadcrumb a{color: #999 !important;} -.layui-breadcrumb a:hover{color: #5FB878 !important;} +.layui-breadcrumb a:hover{color: #16b777 !important;} .layui-breadcrumb a cite{color: #5F5F5F; font-style: normal;} .layui-breadcrumb span[lay-separator]{margin: 0 10px; color: #999;} @@ -1285,27 +1285,27 @@ body .layui-table-tips .layui-layer-content{background: none; padding: 0; box-sh .layui-tab-content{padding: 15px 0;} /* Tab 关闭 */.layui-tab-title li .layui-tab-close{position: relative; display: inline-block; width: 18px; height: 18px; line-height: 20px; margin-left: 8px; top: 1px; text-align: center; font-size: 14px; color: #c2c2c2; transition: all .2s; -webkit-transition: all .2s;} -.layui-tab-title li .layui-tab-close:hover{border-radius: 2px; background-color: #FF5722; color: #fff;} +.layui-tab-title li .layui-tab-close:hover{border-radius: 2px; background-color: #ff5722; color: #fff;} -/* Tab 简洁风格 */.layui-tab-brief > .layui-tab-title .layui-this{color: #009688;} +/* Tab 简洁风格 */.layui-tab-brief > .layui-tab-title .layui-this{color: #16baaa;} .layui-tab-brief > .layui-tab-title .layui-this:after -,.layui-tab-brief > .layui-tab-more li.layui-this:after{border: none; border-radius: 0; border-bottom: 2px solid #5FB878;} +,.layui-tab-brief > .layui-tab-more li.layui-this:after{border: none; border-radius: 0; border-bottom: 2px solid #16b777;} .layui-tab-brief[overflow] > .layui-tab-title .layui-this:after{top: -1px;} /* Tab 卡片风格 */.layui-tab-card{border-width: 1px; border-style: solid; border-radius: 2px; box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);} -.layui-tab-card > .layui-tab-title{background-color: #FAFAFA;} +.layui-tab-card > .layui-tab-title{background-color: #fafafa;} .layui-tab-card > .layui-tab-title li{margin-right: -1px; margin-left: -1px;} .layui-tab-card > .layui-tab-title .layui-this{background-color: #fff; } .layui-tab-card > .layui-tab-title .layui-this:after{border-top: none; border-width: 1px; border-bottom-color: #fff;} .layui-tab-card > .layui-tab-title .layui-tab-bar{height: 40px; line-height: 40px; border-radius: 0; border-top: none; border-right: none;} -.layui-tab-card > .layui-tab-more .layui-this{background: none; color: #5FB878;} +.layui-tab-card > .layui-tab-more .layui-this{background: none; color: #16b777;} .layui-tab-card > .layui-tab-more .layui-this:after{border: none;} /* 时间线 */ .layui-timeline{padding-left: 5px;} .layui-timeline-item{position: relative; padding-bottom: 20px;} -.layui-timeline-axis{position: absolute; left: -5px; top: 0; z-index: 10; width: 20px; height: 20px; line-height: 20px; background-color: #fff; color: #5FB878; border-radius: 50%; text-align: center; cursor: pointer;} -.layui-timeline-axis:hover{color: #FF5722;} +.layui-timeline-axis{position: absolute; left: -5px; top: 0; z-index: 10; width: 20px; height: 20px; line-height: 20px; background-color: #fff; color: #16b777; border-radius: 50%; text-align: center; cursor: pointer;} +.layui-timeline-axis:hover{color: #ff5722;} .layui-timeline-item:before{content: ""; position: absolute; left: 5px; top: 0; z-index: 0; width: 1px; height: 100%;} .layui-timeline-item:first-child:before{display: block;} @@ -1316,7 +1316,7 @@ body .layui-table-tips .layui-layer-content{background: none; padding: 0; box-sh /* 小徽章 */ .layui-badge, .layui-badge-dot, -.layui-badge-rim{position:relative; display: inline-block; padding: 0 6px; font-size: 12px; text-align: center; background-color: #FF5722; color: #fff; border-radius: 2px;} +.layui-badge-rim{position:relative; display: inline-block; padding: 0 6px; font-size: 12px; text-align: center; background-color: #ff5722; color: #fff; border-radius: 2px;} .layui-badge{height: 18px; line-height: 18px;} .layui-badge-dot{width: 8px; height: 8px; padding: 0; border-radius: 50%;} .layui-badge-rim{height: 18px; line-height: 18px; border-width: 1px; border-style: solid; background-color: #fff; color: #5F5F5F;} @@ -1403,7 +1403,7 @@ body .layui-util-face .layui-layer-content{padding:0; background-color:#fff; co .layui-util-face ul li:hover{position: relative; z-index: 2; border: 1px solid #eb7350; background: #fff9ec;} /** 代码文本修饰 **/ -.layui-code{position: relative; margin: 10px 0; padding: 15px; line-height: 20px; border: 1px solid #eee; border-left-width: 6px; background-color: #FAFAFA; color: #333; font-family: Courier New,Lucida Console,Consolas; font-size: 12px;} +.layui-code{position: relative; margin: 10px 0; padding: 15px; line-height: 20px; border: 1px solid #eee; border-left-width: 6px; background-color: #fafafa; color: #333; font-family: Courier New,Lucida Console,Consolas; font-size: 12px;} /** 穿梭框 **/ .layui-transfer-box, @@ -1416,7 +1416,7 @@ body .layui-util-face .layui-layer-content{padding:0; background-color:#fff; co .layui-transfer-search .layui-input{height: 32px; padding-left: 30px; font-size: 12px;} .layui-transfer-search .layui-icon-search{position: absolute; left: 20px; top: 50%; line-height: normal; margin-top: -8px; color: #5F5F5F;} .layui-transfer-active{margin: 0 15px; display: inline-block; vertical-align: middle;} -.layui-transfer-active .layui-btn{display: block; margin: 0; padding: 0 15px; background-color: #5FB878; border-color: #5FB878; color: #fff;} +.layui-transfer-active .layui-btn{display: block; margin: 0; padding: 0 15px; background-color: #16b777; border-color: #16b777; color: #fff;} .layui-transfer-active .layui-btn-disabled{background-color: #FBFBFB; border-color: #eee; color: #d2d2d2;} .layui-transfer-active .layui-btn:first-child{margin-bottom: 15px;} .layui-transfer-active .layui-btn .layui-icon{margin: 0; font-size: 14px !important;} @@ -1430,7 +1430,7 @@ body .layui-util-face .layui-layer-content{padding:0; background-color:#fff; co .layui-rate *{display: inline-block; vertical-align: middle;} .layui-rate{padding: 11px 6px 11px 0; font-size: 0;} .layui-rate li{margin-top: 0 !important;} -.layui-rate li i.layui-icon{ font-size: 20px; color: #FFB800;} +.layui-rate li i.layui-icon{ font-size: 20px; color: #ffb800;} .layui-rate li i.layui-icon{margin-right: 5px; transition: all .3s; -webkit-transition: all .3s;} .layui-rate li i:hover{cursor: pointer; transform: scale(1.12); -webkit-transform: scale(1.12);} .layui-rate[readonly] li i:hover{cursor: default; transform: scale(1);} @@ -1487,7 +1487,7 @@ body .layui-util-face .layui-layer-content{padding:0; background-color:#fff; co .layui-slider-input-btn i:first-child{top: 0; border-bottom: 1px solid #eee;} .layui-slider-input-txt{height: 100%; font-size: 14px;} .layui-slider-input-txt input{height: 100%; border: none;} -.layui-slider-input-btn i:hover{color: #009688;} +.layui-slider-input-btn i:hover{color: #16baaa;} /*垂直滑块*/ .layui-slider-vertical{width: 4px; margin-left: 33px;} .layui-slider-vertical .layui-slider-bar{width: 4px;} diff --git a/src/css/modules/laydate.css b/src/css/modules/laydate.css index d884674a..4506b3b5 100644 --- a/src/css/modules/laydate.css +++ b/src/css/modules/laydate.css @@ -69,7 +69,7 @@ html #layuicss-laydate{display: none; position: absolute; width: 1989px;} /* 底部结构 */ .layui-laydate-footer{position: relative; height: 46px; line-height: 26px; padding: 10px;} .layui-laydate-footer span{display: inline-block; vertical-align: top; height: 26px; line-height: 24px; padding: 0 10px; border: 1px solid #C9C9C9; border-radius: 2px; background-color: #fff; font-size: 12px; cursor: pointer; white-space: nowrap; transition: all .3s;} -.layui-laydate-footer span:hover{color: #5FB878;} +.layui-laydate-footer span:hover{color: #16b777;} .layui-laydate-footer span.layui-laydate-preview{cursor: default; border-color: transparent !important;} .layui-laydate-footer span.layui-laydate-preview:hover{color: #777;} .layui-laydate-footer span:first-child.layui-laydate-preview{padding-left: 0;} @@ -111,12 +111,12 @@ html #layuicss-laydate{display: none; position: absolute; width: 1989px;} .layui-laydate, .layui-laydate-hint{border: 1px solid #d2d2d2; box-shadow: 0 2px 4px rgba(0,0,0,.12); background-color: #fff; color: #777;} .layui-laydate-header{border-bottom: 1px solid #e2e2e2;} .layui-laydate-header i:hover, -.layui-laydate-header span:hover{color: #5FB878;} +.layui-laydate-header span:hover{color: #16b777;} .layui-laydate-content{border-top: none 0; border-bottom: none 0;} .layui-laydate-content th{color: #333;} .layui-laydate-content td{color: #777;} -.layui-laydate-content td.laydate-day-now{color: #5FB878;} -.layui-laydate-content td.laydate-day-now:after{content: ''; position: absolute; width: 100%; height: 30px; left: 0; top: 0; border: 1px solid #5FB878; box-sizing: border-box;} +.layui-laydate-content td.laydate-day-now{color: #16b777;} +.layui-laydate-content td.laydate-day-now:after{content: ''; position: absolute; width: 100%; height: 30px; left: 0; top: 0; border: 1px solid #16b777; box-sizing: border-box;} .layui-laydate-linkage .layui-laydate-content td.laydate-selected>div{background-color: #00F7DE;} .layui-laydate-linkage .laydate-selected:hover>div{background-color: #00F7DE !important;} .layui-laydate-content td:hover:after, @@ -133,10 +133,10 @@ html #layuicss-laydate{display: none; position: absolute; width: 1989px;} .layui-laydate-linkage .laydate-selected.laydate-day-next>div{background-color: #f8f8f8 !important;} .layui-laydate-footer{border-top: 1px solid #e2e2e2;} .layui-laydate-hint{color: #FF5722;} -.laydate-day-mark::after{background-color: #5FB878;} +.laydate-day-mark::after{background-color: #16b777;} .layui-laydate-content td.layui-this .laydate-day-mark::after{display: none;} -.layui-laydate-footer span[lay-type="date"]{color: #5FB878;} -.layui-laydate .layui-this,.layui-laydate .layui-this>div{background-color: #009688 !important; color: #fff !important;} +.layui-laydate-footer span[lay-type="date"]{color: #16b777;} +.layui-laydate .layui-this,.layui-laydate .layui-this>div{background-color: #16baaa !important; color: #fff !important;} .layui-laydate .laydate-disabled, .layui-laydate .laydate-disabled:hover{background:none !important; color: #d2d2d2 !important; cursor: not-allowed !important; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none;} .layui-laydate-content td>div{padding: 7px 0;height: 100%;} @@ -145,7 +145,7 @@ html #layuicss-laydate{display: none; position: absolute; width: 1989px;} .laydate-theme-molv{border: none;} .laydate-theme-molv.layui-laydate-range{width: 548px} .laydate-theme-molv .layui-laydate-main{width: 274px;} -.laydate-theme-molv .layui-laydate-header{border: none; background-color: #009688;} +.laydate-theme-molv .layui-laydate-header{border: none; background-color: #16baaa;} .laydate-theme-molv .layui-laydate-header i, .laydate-theme-molv .layui-laydate-header span{color: #f6f6f6;} .laydate-theme-molv .layui-laydate-header i:hover, @@ -160,7 +160,7 @@ html #layuicss-laydate{display: none; position: absolute; width: 1989px;} .laydate-theme-grid .laydate-year-list>li, .laydate-theme-grid .laydate-month-list>li{border: 1px solid #e2e2e2;} .layui-laydate-linkage.laydate-theme-grid .laydate-selected, -.layui-laydate-linkage.laydate-theme-grid .laydate-selected:hover{background-color: #f2f2f2 !important; color: #009688 !important;} +.layui-laydate-linkage.laydate-theme-grid .laydate-selected:hover{background-color: #f2f2f2 !important; color: #16baaa !important;} .layui-laydate-linkage.laydate-theme-grid .laydate-selected.laydate-day-prev, .layui-laydate-linkage.laydate-theme-grid .laydate-selected.laydate-day-next{color: #d2d2d2 !important;} .laydate-theme-grid .laydate-year-list, diff --git a/src/modules/colorpicker.js b/src/modules/colorpicker.js index d8b1ef29..03752acd 100644 --- a/src/modules/colorpicker.js +++ b/src/modules/colorpicker.js @@ -159,7 +159,7 @@ layui.define(['jquery', 'lay'], function(exports){ ,format: 'hex' //颜色显示/输入格式,可选 rgb,hex ,predefine: false //预定义颜色是否开启 ,colors: [ //默认预定义颜色列表 - '#009688', '#5FB878', '#1E9FFF', '#FF5722', '#FFB800', '#01AAED', '#999', '#c00', '#ff8c00','#ffd700' + '#16baaa', '#16b777', '#1E9FFF', '#FF5722', '#FFB800', '#01AAED', '#999', '#c00', '#ff8c00','#ffd700' ,'#90ee90', '#00ced1', '#1e90ff', '#c71585', 'rgb(0, 186, 189)', 'rgb(255, 120, 0)', 'rgb(250, 212, 0)', '#393D49', 'rgba(0,0,0,.5)', 'rgba(255, 69, 0, 0.68)', 'rgba(144, 240, 144, 0.5)', 'rgba(31, 147, 255, 0.73)' ] }; diff --git a/src/modules/laydate.js b/src/modules/laydate.js index b5c10ca2..6089c150 100644 --- a/src/modules/laydate.js +++ b/src/modules/laydate.js @@ -1652,7 +1652,7 @@ // 预览颜色渐变 var oldValue = elemPreview.html(); oldValue && (elemPreview.css({ - 'color': '#5FB878' + 'color': '#16b777' }), setTimeout(function(){ elemPreview.css({ diff --git a/src/modules/slider.js b/src/modules/slider.js index a3f6bb20..eab3bafe 100644 --- a/src/modules/slider.js +++ b/src/modules/slider.js @@ -76,7 +76,7 @@ layui.define(['jquery', 'lay'], function(exports){ ,range: false //范围选择,与输入框不能同时开启,默认关闭 ,height: 200 //配合 type:"vertical" 使用,默认200px ,disabled: false //滑块禁用,默认关闭 - ,theme: '#009688' //主题颜色 + ,theme: '#16baaa' //主题颜色 }; //滑块渲染