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

✨(component): 优化 date-picker 样式

Browse Source
This commit is contained in:
就眠儀式 2022-11-14 21:18:57 +08:00
parent b079bdb646
commit a062e58312
1 changed files with 18 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -249,6 +249,20 @@ html #layuicss-laydate {
padding: 10px; padding: 10px;
} }
.layui-laydate-footer .laydate-footer-btns span {
border-radius: 0px;
}
.layui-laydate-footer .laydate-footer-btns span:first-child {
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
}
.layui-laydate-footer .laydate-footer-btns span:last-child {
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
}
.layui-laydate-footer span { .layui-laydate-footer span {
display: inline-block; display: inline-block;
vertical-align: top; vertical-align: top;
@ -256,49 +270,34 @@ html #layuicss-laydate {
line-height: 24px; line-height: 24px;
padding: 0 10px; padding: 0 10px;
border: 1px solid #c9c9c9; border: 1px solid #c9c9c9;
border-radius: 2px;
background-color: #fff; background-color: #fff;
font-size: 12px; font-size: 12px;
cursor: pointer; cursor: pointer;
white-space: nowrap; white-space: nowrap;
transition: all 0.3s; transition: all 0.3s;
} }
.layui-laydate-footer span:first-child {
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
}
.layui-laydate-footer span:last-child {
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
}
.layui-laydate-footer span:not(:last-child) {
border-right: none;
}
.layui-laydate-footer span:hover { .layui-laydate-footer span:hover {
color: #5fb878; color: #5fb878;
} }
.layui-laydate-footer span.layui-laydate-preview { .layui-laydate-footer span.layui-laydate-preview {
cursor: default; cursor: default;
border-color: transparent !important; border-color: transparent !important;
} }
.layui-laydate-footer span.layui-laydate-preview:hover { .layui-laydate-footer span.layui-laydate-preview:hover {
color: #666; color: #666;
} }
.layui-laydate-footer span:first-child.layui-laydate-preview { .layui-laydate-footer span:first-child.layui-laydate-preview {
padding-left: 0; padding-left: 0;
} }
.laydate-footer-btns { .laydate-footer-btns {
position: absolute; position: absolute;
right: 10px; right: 10px;
top: 10px; top: 10px;
} }
.laydate-footer-btns span {
margin: 0 0 0 -1px;
}
/* 年月列表 */ /* 年月列表 */
.layui-laydate-list { .layui-laydate-list {