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

slider - 支持全局颜色

Browse Source
This commit is contained in:
halo 2022-02-06 15:27:46 +08:00
parent ae12a64f2a
commit e7a8a580a2
1 changed files with 10 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/component/slider/index.less
View File

@ -1,3 +1,4 @@
@import "../../theme/variable.less";
// 横向样式
.layui-slider-v {
width: 100%;
@ -16,9 +17,9 @@
.layui-slider-btn-v {
width: 12px;
height: 12px;
background-color: white;
background-color: @global-fore-color;
position: absolute;
border: 2px solid rgb(0, 150, 136);
border: 2px solid @global-primary-color;
border-radius: 50%;
cursor: pointer;
left: 0%;
@ -31,14 +32,14 @@
position: absolute;
top: 6px;
left: 0;
background-color: rgb(0, 150, 136);
background-color: @global-primary-color;
z-index: 1;
}
.layui-slider-line-v {
width: 100%;
height: 4px;
background-color: #eee;
background-color: @global-fore-color;
position: absolute;
top: 6px;
}
@ -46,7 +47,7 @@
cursor: not-allowed !important;
}
.layui-slider-disabled-rate {
background-color: rgb(0, 150, 136) !important;
background-color: @global-primary-color !important;
}
// 纵向样式
@ -64,10 +65,10 @@
.layui-slider-vertical-btn {
width: 12px;
height: 12px;
background-color: white;
background-color: @global-fore-color;
position: absolute;
// top: -7px;
border: 2px solid rgb(0, 150, 136);
border: 2px solid @global-primary-color;
border-radius: 50%;
cursor: pointer;
bottom: 0%;
@ -81,7 +82,7 @@
position: absolute;
bottom: 0;
left: 7px;
background-color: rgb(0, 150, 136);
background-color: @global-primary-color;
z-index: 1;
}
@ -90,7 +91,7 @@
height: 100%;
position: absolute;
left: 7px;
background-color: #eee;
background-color: @global-fore-color;
}
.layui-slider-srange {