theluyuan/layui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge branch 'test-demand' into next

Browse Source
This commit is contained in:
就眠儀式 2022-04-24 22:27:28 +08:00
commit 2fb3c207d7
60 changed files with 582 additions and 169 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
package/component/src/component/avatar/index.less
View File

@ -1,4 +1,5 @@
@import (reference) "../../theme/variable.less";
@import (reference) "../../theme/public.less";
.layui-avatar {
box-sizing: border-box;

3
package/component/src/component/avatarList/index.less
View File

@ -1 +1,2 @@
@import (reference) "../../theme/variable.less";
@import (reference) "../../theme/variable.less";
@import (reference) "../../theme/public.less";

1
package/component/src/component/backTop/index.less
View File

@ -1,4 +1,5 @@
@import (reference) "../../theme/variable.less";
@import (reference) "../../theme/public.less";
/** backtop **/
@width: 50px;

1
package/component/src/component/badge/index.less
View File

@ -1,4 +1,5 @@
@import (reference) "../../theme/variable.less";
@import (reference) "../../theme/public.less";
.layui-badge,
.layui-badge-dot,

1
package/component/src/component/body/index.less
View File

@ -1,4 +1,5 @@
@import (reference) "../../theme/variable.less";
@import (reference) "../../theme/public.less";
.layui-body {
display: block;

1
package/component/src/component/breadcrumb/index.less
View File

@ -1,4 +1,5 @@
@import (reference) "../../theme/variable.less";
@import (reference) "../../theme/public.less";
.layui-breadcrumb {
font-size: 0;

1
package/component/src/component/button/index.less
View File

@ -1,4 +1,5 @@
@import (reference) "../../theme/variable.less";
@import (reference) "../../theme/public.less";
:root {
--button-primary-text-color: #fff;

1
package/component/src/component/buttonContainer/index.less
View File

@ -1,4 +1,5 @@
@import (reference) "../../theme/variable.less";
@import (reference) "../../theme/public.less";
.layui-btn-container {
font-size: 0;

1
package/component/src/component/buttonGroup/index.less
View File

@ -1,4 +1,5 @@
@import (reference) "../../theme/variable.less";
@import (reference) "../../theme/public.less";
@button-primary-color: @global-primary-color;
@button-border-radius: @global-border-radius;

1
package/component/src/component/card/index.less
View File

@ -1,4 +1,5 @@
@import (reference) "../../theme/variable.less";
@import (reference) "../../theme/public.less";
:root {
--card-border-radius: var(--global-border-radius);

1
package/component/src/component/carousel/index.less
View File

@ -1,4 +1,5 @@
@import (reference) "../../theme/variable.less";
@import (reference) "../../theme/public.less";
.layui-carousel {
position: relative;

1
package/component/src/component/checkbox/index.less
View File

@ -1,4 +1,5 @@
@import (reference) "../../theme/variable.less";
@import (reference) "../../theme/public.less";
.layui-form-checkbox {
position: relative;

1
package/component/src/component/collapse/index.less
View File

@ -1,4 +1,5 @@
@import (reference) "../../theme/variable.less";
@import (reference) "../../theme/public.less";
.layui-collapse {
border-width: 1px;

1
package/component/src/component/colorPicker/index.less
View File

@ -1,4 +1,5 @@
@import (reference) "../../theme/variable.less";
@import (reference) "../../theme/public.less";
.layui-color-picker {
position: relative;

1
package/component/src/component/container/index.less
View File

@ -1,4 +1,5 @@
@import (reference) "../../theme/variable.less";
@import (reference) "../../theme/public.less";
.layui-container {
position: relative;

617
package/component/src/component/datePicker/index.less
View File

@ -1,160 +1,461 @@
/** 图标字体 **/
@font-face {font-family: 'laydate-icon';
src: url('./font/iconfont.eot');
src: url('./font/iconfont.eot#iefix') format('embedded-opentype'),
url('./font/iconfont.svg#iconfont') format('svg'),
url('./font/iconfont.woff') format('woff'),
url('./font/iconfont.ttf') format('truetype');
@import (reference) "../../theme/variable.less";
@import (reference) "../../theme/public.less";
@font-face {
font-family: "laydate-icon";
src: url("./font/iconfont.eot");
src: url("./font/iconfont.eot#iefix") format("embedded-opentype"),
url("./font/iconfont.svg#iconfont") format("svg"),
url("./font/iconfont.woff") format("woff"),
url("./font/iconfont.ttf") format("truetype");
}
.laydate-icon {
font-family: "laydate-icon" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
html #layuicss-laydate {
display: none;
position: absolute;
width: 1989px;
}
/* 初始化 */
.layui-laydate * {
margin: 0;
padding: 0;
}
/* 主体结构 */
.layui-laydate,
.layui-laydate * {
box-sizing: border-box;
}
.layui-laydate {
z-index: 66666666;
border-radius: 2px;
font-size: 14px;
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.layui-laydate-main {
width: 272px;
}
.layui-laydate-header *,
.layui-laydate-content td,
.layui-laydate-list li {
transition-duration: 0.3s;
-webkit-transition-duration: 0.3s;
}
/* 微微往下滑入 */
@keyframes laydate-downbit {
0% {
opacity: 0.3;
transform: translate3d(0, -5px, 0);
}
.laydate-icon{
font-family:"laydate-icon" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
100% {
opacity: 1;
transform: translate3d(0, 0, 0);
}
html #layuicss-laydate{display: none; position: absolute; width: 1989px;}
/* 初始化 */
.layui-laydate *{margin: 0; padding: 0;}
/* 主体结构 */
.layui-laydate, .layui-laydate *{box-sizing: border-box;}
.layui-laydate{ z-index: 66666666; border-radius: 2px; font-size: 14px; -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.layui-laydate-main{width: 272px;}
.layui-laydate-header *,
.layui-laydate-content td,
.layui-laydate-list li{transition-duration: .3s; -webkit-transition-duration: .3s;}
/* 微微往下滑入 */
@keyframes laydate-downbit {
0% {opacity: 0.3; transform: translate3d(0, -5px, 0);}
100% {opacity: 1; transform: translate3d(0, 0, 0);}
}
.layui-laydate{animation-name: laydate-downbit;}
.layui-laydate-static{ position: relative; z-index: 0; display: inline-block; margin: 0; -webkit-animation: none; animation: none;}
/* 展开年月列表时 */
.laydate-ym-show .laydate-prev-m,
.laydate-ym-show .laydate-next-m{display: none !important;}
.laydate-ym-show .laydate-prev-y,
.laydate-ym-show .laydate-next-y{display: inline-block !important;}
.laydate-ym-show .laydate-set-ym span[lay-type="month"]{display: none !important;}
/* 展开时间列表时 */
.laydate-time-show .layui-laydate-header .layui-icon,
.laydate-time-show .laydate-set-ym span[lay-type="year"],
.laydate-time-show .laydate-set-ym span[lay-type="month"]{display: none !important;}
/* 头部结构 */
.layui-laydate-header{position: relative; line-height:30px; padding: 10px 70px 5px;}
.layui-laydate-header *{display: inline-block; vertical-align: bottom;}
.layui-laydate-header i{position: absolute; top: 10px; padding: 0 5px; color: #999; font-size: 18px; cursor: pointer;}
.layui-laydate-header i.laydate-prev-y{left: 15px;}
.layui-laydate-header i.laydate-prev-m{left: 45px;}
.layui-laydate-header i.laydate-next-y{right: 15px;}
.layui-laydate-header i.laydate-next-m{right: 45px;}
.laydate-set-ym{width: 100%; text-align: center; box-sizing: border-box; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.laydate-set-ym span{padding: 0 10px; cursor: pointer;}
.laydate-time-text{cursor: default !important;}
/* 主体结构 */
.layui-laydate-content{position: relative; padding: 10px; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none;}
.layui-laydate-content table{border-collapse: collapse; border-spacing: 0;}
.layui-laydate-content th,
.layui-laydate-content td{width: 36px; height: 30px; padding: 5px; text-align: center;}
.layui-laydate-content th{font-weight: 400;}
.layui-laydate-content td{position: relative; cursor: pointer;}
.laydate-day-mark{position: absolute; left: 0; top: 0; width: 100%; line-height: 30px; font-size: 12px; overflow: hidden;}
.laydate-day-mark::after{position: absolute; content:''; right: 2px; top: 2px; width: 5px; height: 5px; border-radius: 50%;}
/* 底部结构 */
.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.layui-laydate-preview{cursor: default; border-color: transparent !important;}
.layui-laydate-footer span.layui-laydate-preview:hover{color: #666;}
.layui-laydate-footer span:first-child.layui-laydate-preview{padding-left: 0;}
.laydate-footer-btns{position: absolute; right: 10px; top: 10px;}
.laydate-footer-btns span{margin: 0 0 0 -1px;}
/* 年月列表 */
.layui-laydate-list{position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 10px; box-sizing: border-box; background-color: #fff;}
.layui-laydate-list>li{position: relative; display: inline-block; width: 33.3%; height: 36px; line-height: 36px; margin: 3px 0; vertical-align: middle; text-align: center; cursor: pointer;}
.laydate-month-list>li{width: 25%; margin: 17px 0;}
.laydate-time-list>li{height: 100%; margin: 0; line-height: normal; cursor: default;}
.laydate-time-list p{position: relative; top: -4px; line-height: 29px;}
.laydate-time-list ol{height: 181px; overflow: hidden;}
.laydate-time-list>li:hover ol{overflow-y: auto;}
.laydate-time-list ol li{width: 130%; padding-left: 4px; height: 30px; line-height: 30px; text-align: left; cursor: pointer;}
/* 提示 */
.layui-laydate-hint{ top: 115px; left: 50%; width: 250px; margin-left: -125px; line-height: 20px; padding: 15px; text-align: center; font-size: 12px; color: #FF5722;}
/* 双日历 */
.layui-laydate-range{width: 546px;}
.layui-laydate-range .layui-laydate-main{display: inline-block; vertical-align: middle;}
.layui-laydate-range .laydate-main-list-1 .layui-laydate-header,
.layui-laydate-range .laydate-main-list-1 .layui-laydate-content{border-left: 1px solid #e2e2e2;}
/* 默认简约主题 */
.layui-laydate, .layui-laydate-hint{background-color: #fff; color: #666;}
.layui-laydate-header{border-bottom: 1px solid #e2e2e2;}
.layui-laydate-header i:hover,
.layui-laydate-header span:hover{color: #5FB878;}
.layui-laydate-content{border-top: none 0; border-bottom: none 0;}
.layui-laydate-content th{color: #333;}
.layui-laydate-content td{color: #666;}
.layui-laydate-content td.laydate-selected{background-color: #B5FFF8;}
.laydate-selected:hover{background-color: #00F7DE !important;}
.layui-laydate-content td:hover,
.layui-laydate-list li:hover{background-color: #eee; color: #333;}
.laydate-time-list li ol{margin: 0; padding: 0; border: 1px solid #e2e2e2;}
.laydate-time-list li:first-child ol{border-left-width: 1px;}
.laydate-time-list>li:hover{background: none;}
.layui-laydate-content .laydate-day-prev,
.layui-laydate-content .laydate-day-next{color: #d2d2d2;}
.laydate-selected.laydate-day-prev,
.laydate-selected.laydate-day-next{background-color: #f8f8f8 !important;}
.layui-laydate-footer{border-top: 1px solid #e2e2e2;}
.layui-laydate-hint{color: #FF5722;}
.laydate-day-mark::after{background-color: #5FB878;}
.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{background-color: #009688 !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;}
/* 墨绿/自定义背景色主题 */
.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 i,
.laydate-theme-molv .layui-laydate-header span{color: #f6f6f6;}
.laydate-theme-molv .layui-laydate-header i:hover,
.laydate-theme-molv .layui-laydate-header span:hover{color: #fff;}
.laydate-theme-molv .layui-laydate-content{border: 1px solid #e2e2e2; border-top: none; border-bottom: none;}
.laydate-theme-molv .laydate-main-list-1 .layui-laydate-content{border-left: none;}
.laydate-theme-molv .layui-laydate-footer{border: 1px solid #e2e2e2;}
/* 格子主题 */
.laydate-theme-grid .layui-laydate-content td,
.laydate-theme-grid .layui-laydate-content thead,
.laydate-theme-grid .laydate-year-list>li,
.laydate-theme-grid .laydate-month-list>li{border: 1px solid #e2e2e2;}
.laydate-theme-grid .laydate-selected,
.laydate-theme-grid .laydate-selected:hover{background-color: #f2f2f2 !important; color: #009688 !important;}
.laydate-theme-grid .laydate-selected.laydate-day-prev,
.laydate-theme-grid .laydate-selected.laydate-day-next{color: #d2d2d2 !important;}
.laydate-theme-grid .laydate-year-list,
.laydate-theme-grid .laydate-month-list{margin: 1px 0 0 1px;}
.laydate-theme-grid .laydate-year-list>li,
.laydate-theme-grid .laydate-month-list>li{margin: 0 -1px -1px 0;}
.laydate-theme-grid .laydate-year-list>li{height: 43px; line-height: 43px;}
.laydate-theme-grid .laydate-month-list>li{height: 71px; line-height: 71px;}
}
.layui-laydate {
animation-name: laydate-downbit;
}
.layui-laydate-static {
position: relative;
z-index: 0;
display: inline-block;
margin: 0;
-webkit-animation: none;
animation: none;
}
/* 展开年月列表时 */
.laydate-ym-show .laydate-prev-m,
.laydate-ym-show .laydate-next-m {
display: none !important;
}
.laydate-ym-show .laydate-prev-y,
.laydate-ym-show .laydate-next-y {
display: inline-block !important;
}
.laydate-ym-show .laydate-set-ym span[lay-type="month"] {
display: none !important;
}
/* 展开时间列表时 */
.laydate-time-show .layui-laydate-header .layui-icon,
.laydate-time-show .laydate-set-ym span[lay-type="year"],
.laydate-time-show .laydate-set-ym span[lay-type="month"] {
display: none !important;
}
/* 头部结构 */
.layui-laydate-header {
position: relative;
line-height: 30px;
padding: 10px 70px 5px;
}
.layui-laydate-header * {
display: inline-block;
vertical-align: bottom;
}
.layui-laydate-header i {
position: absolute;
top: 10px;
padding: 0 5px;
color: #999;
font-size: 18px;
cursor: pointer;
}
.layui-laydate-header i.laydate-prev-y {
left: 15px;
}
.layui-laydate-header i.laydate-prev-m {
left: 45px;
}
.layui-laydate-header i.laydate-next-y {
right: 15px;
}
.layui-laydate-header i.laydate-next-m {
right: 45px;
}
.laydate-set-ym {
width: 100%;
text-align: center;
box-sizing: border-box;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.laydate-set-ym span {
padding: 0 10px;
cursor: pointer;
}
.laydate-time-text {
cursor: default !important;
}
/* 主体结构 */
.layui-laydate-content {
position: relative;
padding: 10px;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
}
.layui-laydate-content table {
border-collapse: collapse;
border-spacing: 0;
}
.layui-laydate-content th,
.layui-laydate-content td {
width: 36px;
height: 30px;
padding: 5px;
text-align: center;
}
.layui-laydate-content th {
font-weight: 400;
}
.layui-laydate-content td {
position: relative;
cursor: pointer;
}
.laydate-day-mark {
position: absolute;
left: 0;
top: 0;
width: 100%;
line-height: 30px;
font-size: 12px;
overflow: hidden;
}
.laydate-day-mark::after {
position: absolute;
content: "";
right: 2px;
top: 2px;
width: 5px;
height: 5px;
border-radius: 50%;
}
/* 底部结构 */
.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 0.3s;
}
.layui-laydate-footer span:hover {
color: #5fb878;
}
.layui-laydate-footer span.layui-laydate-preview {
cursor: default;
border-color: transparent !important;
}
.layui-laydate-footer span.layui-laydate-preview:hover {
color: #666;
}
.layui-laydate-footer span:first-child.layui-laydate-preview {
padding-left: 0;
}
.laydate-footer-btns {
position: absolute;
right: 10px;
top: 10px;
}
.laydate-footer-btns span {
margin: 0 0 0 -1px;
}
/* 年月列表 */
.layui-laydate-list {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
padding: 10px;
box-sizing: border-box;
background-color: #fff;
}
.layui-laydate-list > li {
position: relative;
display: inline-block;
width: 33.3%;
height: 36px;
line-height: 36px;
margin: 3px 0;
vertical-align: middle;
text-align: center;
cursor: pointer;
}
.laydate-month-list > li {
width: 25%;
margin: 17px 0;
}
.laydate-time-list > li {
height: 100%;
margin: 0;
line-height: normal;
cursor: default;
}
.laydate-time-list p {
position: relative;
top: -4px;
line-height: 29px;
}
.laydate-time-list ol {
height: 181px;
overflow: hidden;
}
.laydate-time-list > li:hover ol {
overflow-y: auto;
}
.laydate-time-list ol li {
width: 130%;
padding-left: 4px;
height: 30px;
line-height: 30px;
text-align: left;
cursor: pointer;
}
/* 提示 */
.layui-laydate-hint {
top: 115px;
left: 50%;
width: 250px;
margin-left: -125px;
line-height: 20px;
padding: 15px;
text-align: center;
font-size: 12px;
color: #ff5722;
}
/* 双日历 */
.layui-laydate-range {
width: 546px;
}
.layui-laydate-range .layui-laydate-main {
display: inline-block;
vertical-align: middle;
}
.layui-laydate-range .laydate-main-list-1 .layui-laydate-header,
.layui-laydate-range .laydate-main-list-1 .layui-laydate-content {
border-left: 1px solid #e2e2e2;
}
/* 默认简约主题 */
.layui-laydate,
.layui-laydate-hint {
background-color: #fff;
color: #666;
}
.layui-laydate-header {
border-bottom: 1px solid #e2e2e2;
}
.layui-laydate-header i:hover,
.layui-laydate-header span:hover {
color: #5fb878;
}
.layui-laydate-content {
border-top: none 0;
border-bottom: none 0;
}
.layui-laydate-content th {
color: #333;
}
.layui-laydate-content td {
color: #666;
}
.layui-laydate-content td.laydate-selected {
background-color: #b5fff8;
}
.laydate-selected:hover {
background-color: #00f7de !important;
}
.layui-laydate-content td:hover,
.layui-laydate-list li:hover {
background-color: #eee;
color: #333;
}
.laydate-time-list li ol {
margin: 0;
padding: 0;
border: 1px solid #e2e2e2;
}
.laydate-time-list li:first-child ol {
border-left-width: 1px;
}
.laydate-time-list > li:hover {
background: none;
}
.layui-laydate-content .laydate-day-prev,
.layui-laydate-content .laydate-day-next {
color: #d2d2d2;
}
.laydate-selected.laydate-day-prev,
.laydate-selected.laydate-day-next {
background-color: #f8f8f8 !important;
}
.layui-laydate-footer {
border-top: 1px solid #e2e2e2;
}
.layui-laydate-hint {
color: #ff5722;
}
.laydate-day-mark::after {
background-color: #5fb878;
}
.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 {
background-color: #009688 !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;
}
/* 墨绿/自定义背景色主题 */
.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 i,
.laydate-theme-molv .layui-laydate-header span {
color: #f6f6f6;
}
.laydate-theme-molv .layui-laydate-header i:hover,
.laydate-theme-molv .layui-laydate-header span:hover {
color: #fff;
}
.laydate-theme-molv .layui-laydate-content {
border: 1px solid #e2e2e2;
border-top: none;
border-bottom: none;
}
.laydate-theme-molv .laydate-main-list-1 .layui-laydate-content {
border-left: none;
}
.laydate-theme-molv .layui-laydate-footer {
border: 1px solid #e2e2e2;
}
/* 格子主题 */
.laydate-theme-grid .layui-laydate-content td,
.laydate-theme-grid .layui-laydate-content thead,
.laydate-theme-grid .laydate-year-list > li,
.laydate-theme-grid .laydate-month-list > li {
border: 1px solid #e2e2e2;
}
.laydate-theme-grid .laydate-selected,
.laydate-theme-grid .laydate-selected:hover {
background-color: #f2f2f2 !important;
color: #009688 !important;
}
.laydate-theme-grid .laydate-selected.laydate-day-prev,
.laydate-theme-grid .laydate-selected.laydate-day-next {
color: #d2d2d2 !important;
}
.laydate-theme-grid .laydate-year-list,
.laydate-theme-grid .laydate-month-list {
margin: 1px 0 0 1px;
}
.laydate-theme-grid .laydate-year-list > li,
.laydate-theme-grid .laydate-month-list > li {
margin: 0 -1px -1px 0;
}
.laydate-theme-grid .laydate-year-list > li {
height: 43px;
line-height: 43px;
}
.laydate-theme-grid .laydate-month-list > li {
height: 71px;
line-height: 71px;
}

1
package/component/src/component/dropdown/index.less
View File

@ -1,4 +1,5 @@
@import (reference) "../../theme/variable.less";
@import (reference) "../../theme/public.less";
.layui-dropdown {
position: relative;

1
package/component/src/component/empty/index.less
View File

@ -1,4 +1,5 @@
@import (reference) "../../theme/variable.less";
@import (reference) "../../theme/public.less";
.layui-empty {
margin: 0 8px;

1
package/component/src/component/exception/index.less
View File

@ -1,4 +1,5 @@
@import (reference) "../../theme/variable.less";
@import (reference) "../../theme/public.less";
.layui-exception {
.layui-exception-image {

1
package/component/src/component/field/index.less
View File

@ -1,4 +1,5 @@
@import (reference) "../../theme/variable.less";
@import (reference) "../../theme/public.less";
@field-border-color: var(--field-border-color);
@field-border-radius: var(--field-border-radius);

1
package/component/src/component/footer/index.less
View File

@ -1,4 +1,5 @@
@import (reference) "../../theme/variable.less";
@import (reference) "../../theme/public.less";
.layui-footer {
box-sizing: border-box;

1
package/component/src/component/form/index.less
View File

@ -1,4 +1,5 @@
@import (reference) "../../theme/variable.less";
@import (reference) "../../theme/public.less";
.layui-form-item {
margin-bottom: 20px;

1
package/component/src/component/fullscreen/index.less
View File

@ -1,4 +1,5 @@
@import (reference) "../../theme/variable.less";
@import (reference) "../../theme/public.less";
.layui-fullscreen {
position: fixed;

1
package/component/src/component/header/index.less
View File

@ -1,4 +1,5 @@
@import (reference) "../../theme/variable.less";
@import (reference) "../../theme/public.less";
.layui-header {
box-sizing: border-box;

3
package/component/src/component/icon/index.less
View File

@ -1 +1,2 @@
@import (reference) "../../theme/variable.less";
@import (reference) "../../theme/variable.less";
@import (reference) "../../theme/public.less";

1
package/component/src/component/iconPicker/index.less
View File

@ -1,4 +1,5 @@
@import (reference) "../../theme/variable.less";
@import (reference) "../../theme/public.less";
@icon-picker-border-radius: var(--icon-picker-border-radius);
@icon-picker-checked-color: var(--icon-picker-checked-color);

1
package/component/src/component/input/index.less
View File

@ -1,4 +1,5 @@
@import (reference) "../../theme/variable.less";
@import (reference) "../../theme/public.less";
@input-border-radius: var(--input-border-radius);
@input-border-color: var(--input-border-color);

1
package/component/src/component/inputNumber/index.less
View File

@ -1,4 +1,5 @@
@import (reference) "../../theme/variable.less";
@import (reference) "../../theme/public.less";
@border-color: #eee;
@hover-border-color: @global-primary-color;

1
package/component/src/component/keyboard/index.less
View File

@ -1,4 +1,5 @@
@import (reference) "../../theme/variable.less";
@import (reference) "../../theme/public.less";
.layui-keyboard-header {
height: 40px;

1
package/component/src/component/layout/index.less
View File

@ -1,4 +1,5 @@
@import (reference) "../../theme/variable.less";
@import (reference) "../../theme/public.less";
.layui-layout {
flex: 1;

1
package/component/src/component/line/index.less
View File

@ -1,4 +1,5 @@
@import (reference) "../../theme/variable.less";
@import (reference) "../../theme/public.less";
.layui-line {
&-horizontal {

1
package/component/src/component/logo/index.less
View File

@ -1,4 +1,5 @@
@import (reference) "../../theme/variable.less";
@import (reference) "../../theme/public.less";
.layui-logo {
left: 0;

1
package/component/src/component/menu/index.less
View File

@ -1,4 +1,5 @@
@import (reference) "../../theme/variable.less";
@import (reference) "../../theme/public.less";
.layui-nav .layui-show.layui-anim-upbit .layui-show.layui-anim-upbit {
top: 0px;

1
package/component/src/component/page/index.less
View File

@ -1,4 +1,5 @@
@import (reference) "../../theme/variable.less";
@import (reference) "../../theme/public.less";
.layui-laypage {
display: inline-block;

1
package/component/src/component/panel/index.less
View File

@ -1,4 +1,5 @@
@import (reference) "../../theme/variable.less";
@import (reference) "../../theme/public.less";
@panel-border-color: var(--panel-border-color);
@panel-border-radius: var(--panel-border-radius);

1
package/component/src/component/progress/index.less
View File

@ -1,4 +1,5 @@
@import (reference) "../../theme/variable.less";
@import (reference) "../../theme/public.less";
.layui-progress {
position: relative;

1
package/component/src/component/quote/index.less
View File

@ -1,4 +1,5 @@
@import (reference) "../../theme/variable.less";
@import (reference) "../../theme/public.less";
@block-default-color: var(--block-default-color);
@block-border-radius: var(--block-border-radius);

1
package/component/src/component/radio/index.less
View File

@ -1,4 +1,5 @@
@import (reference) "../../theme/variable.less";
@import (reference) "../../theme/public.less";
.layui-form-radio,
.layui-form-radio * {

1
package/component/src/component/rate/index.less
View File

@ -1,4 +1,5 @@
@import (reference) "../../theme/variable.less";
@import (reference) "../../theme/public.less";
.layui-rate,
.layui-rate * {

1
package/component/src/component/result/index.less
View File

@ -1,4 +1,5 @@
@import (reference) "../../theme/variable.less";
@import (reference) "../../theme/public.less";
.result {
text-align: center;

3
package/component/src/component/ripple/index.less
View File

@ -1,3 +1,6 @@
@import (reference) "../../theme/variable.less";
@import (reference) "../../theme/public.less";
.layui-water-ripples-container {
position: relative;
display: inline-block;

1
package/component/src/component/row/index.less
View File

@ -1,4 +1,5 @@
@import (reference) "../../theme/variable.less";
@import (reference) "../../theme/public.less";
.layui-row:after,
.layui-row:before {

3
package/component/src/component/scroll/index.less
View File

@ -1,3 +1,6 @@
@import (reference) "../../theme/variable.less";
@import (reference) "../../theme/public.less";
.scrollbar-box {
height: 100%;
overflow: hidden !important;

1
package/component/src/component/select/index.less
View File

@ -1,4 +1,5 @@
@import (reference) "../../theme/variable.less";
@import (reference) "../../theme/public.less";
dl.layui-anim-upbit > dd input[type="checkbox"] {
display: none;

1
package/component/src/component/side/index.less
View File

@ -1,4 +1,5 @@
@import (reference) "../../theme/variable.less";
@import (reference) "../../theme/public.less";
.layui-side {
overflow: auto;

1
package/component/src/component/skeleton/index.less
View File

@ -1,4 +1,5 @@
@import (reference) "../../theme/variable.less";
@import (reference) "../../theme/public.less";
.lay-skeleton {
.lay-skeleton-item {

1
package/component/src/component/slider/index.less
View File

@ -1,4 +1,5 @@
@import (reference) "../../theme/variable.less";
@import (reference) "../../theme/public.less";
// 横向样式
.layui-slider-v {

1
package/component/src/component/splitPanel/index.less
View File

@ -1,4 +1,5 @@
@import (reference) "../../theme/variable.less";
@import (reference) "../../theme/public.less";
.lay-split-panel {
height: 100%;

1
package/component/src/component/step/index.less
View File

@ -1,4 +1,5 @@
@import (reference) "../../theme/variable.less";
@import (reference) "../../theme/public.less";
@width-height-pace: 24px;
@step-color: @step-success-color;

1
package/component/src/component/switch/index.less
View File

@ -1,4 +1,5 @@
@import (reference) "../../theme/variable.less";
@import (reference) "../../theme/public.less";
.layui-form-switch {
position: relative;

1
package/component/src/component/tab/index.less
View File

@ -1,4 +1,5 @@
@import (reference) "../../theme/variable.less";
@import (reference) "../../theme/public.less";
.layui-tab {
margin: 10px 0;

1
package/component/src/component/table/index.less
View File

@ -1,4 +1,5 @@
@import (reference) "../../theme/variable.less";
@import (reference) "../../theme/public.less";
.layui-table-col-special {
width: 34px;

1
package/component/src/component/textarea/index.less
View File

@ -1,4 +1,5 @@
@import (reference) "../../theme/variable.less";
@import (reference) "../../theme/public.less";
@textarea-border-radius: var(--textarea-border-radius);
@textarea-border-color: var(--textarea-border-color);

6
package/component/src/component/timeline/index.less
View File

@ -1,4 +1,5 @@
@import (reference) "../../theme/variable.less";
@import (reference) "../../theme/public.less";
.layui-timeline {
padding-left: 5px;
@ -48,9 +49,6 @@
.layui-timeline-content {
padding-left: 25px;
line-height: 1.6;
font-size: 14px;
color: #666;
}
.layui-timeline-title {
@ -100,4 +98,4 @@
position: relative;
margin-bottom: 10px;
line-height: 22px;
}
}

2
package/component/src/component/timelineItem/index.vue
View File

@ -23,7 +23,7 @@ const props = defineProps<LayTimelineItemProps>();
<slot name="dot"></slot>
</i>
<i class="layui-icon layui-timeline-axis" v-else></i>
<div class="layui-timeline-content">
<div class="layui-timeline-content layui-text">
<div v-if="simple" class="layui-timeline-title">
{{ title }}
</div>

1
package/component/src/component/transfer/index.less
View File

@ -1,4 +1,5 @@
@import (reference) "../../theme/variable.less";
@import (reference) "../../theme/public.less";
@transfer-box-border-radius: var(--transfer-box-border-radius);

1
package/component/src/component/tree/index.less
View File

@ -1,4 +1,5 @@
@import (reference) "../../theme/variable.less";
@import (reference) "../../theme/public.less";
.layui-tree {
line-height: 22px;

5
package/component/src/component/upload/index.less
View File

@ -1,5 +1,7 @@
@import (reference) "../../theme/variable.less";
@import (reference) "../../theme/public.less";
@import "./cropper.min.css";
.layui-upload-file {
// display: none !important;
opacity: 0.01;
@ -93,9 +95,6 @@
cursor: not-allowed;
}
.copper-container{
// width:1000px;
}
._lay_upload_img{
display: block;
max-width: 100%;

1
package/component/src/component/upload/index.vue
View File

@ -318,6 +318,7 @@ const getUploadChange = (e: any) => {
setTimeout(() => {
let _imgs = document.getElementsByClassName("_lay_upload_img");
let _img = _imgs[0];
// @ts-ignore
_cropper = new Cropper(_img, {
aspectRatio: 16 / 9,
});

58
package/component/src/theme/public.less
View File

@ -387,6 +387,62 @@ a:hover {
font-size: 30px !important;
}
.layui-text {
line-height: 1.6;
font-size: 14px;
color: #666;
}
.layui-text h1,
.layui-text h2,
.layui-text h3 {
font-weight: 500;
color: #333;
}
.layui-text h1 {
font-size: 30px;
}
.layui-text h2 {
font-size: 24px;
}
.layui-text h3 {
font-size: 18px;
}
.layui-text a:not(.layui-btn) {
color: #01aaed;
}
.layui-text a:not(.layui-btn):hover {
text-decoration: underline;
}
.layui-text ul {
padding: 5px 0 5px 15px;
}
.layui-text ul li {
margin-top: 5px;
list-style-type: disc;
}
.layui-text em {
color: #999 !important;
padding-left: 5px !important;
padding-right: 5px !important;
}
.layui-text p {
margin: 10px 0;
}
.layui-text p:first-child {
margin-top: 0;
}
.layui-anim {
-webkit-animation-duration: 0.3s;
-webkit-animation-fill-mode: both;
@ -683,4 +739,4 @@ a:hover {
.layui-anim-fadeout {
-webkit-animation-name: layui-fadeout;
animation-name: layui-fadeout;
}
}