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 { .layui-slider-v {
width: 100%; width: 100%;
@ -16,9 +17,9 @@
.layui-slider-btn-v { .layui-slider-btn-v {
width: 12px; width: 12px;
height: 12px; height: 12px;
background-color: white; background-color: @global-fore-color;
position: absolute; position: absolute;
border: 2px solid rgb(0, 150, 136); border: 2px solid @global-primary-color;
border-radius: 50%; border-radius: 50%;
cursor: pointer; cursor: pointer;
left: 0%; left: 0%;
@ -31,14 +32,14 @@
position: absolute; position: absolute;
top: 6px; top: 6px;
left: 0; left: 0;
background-color: rgb(0, 150, 136); background-color: @global-primary-color;
z-index: 1; z-index: 1;
} }
.layui-slider-line-v { .layui-slider-line-v {
width: 100%; width: 100%;
height: 4px; height: 4px;
background-color: #eee; background-color: @global-fore-color;
position: absolute; position: absolute;
top: 6px; top: 6px;
} }
@ -46,7 +47,7 @@
cursor: not-allowed !important; cursor: not-allowed !important;
} }
.layui-slider-disabled-rate { .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 { .layui-slider-vertical-btn {
width: 12px; width: 12px;
height: 12px; height: 12px;
background-color: white; background-color: @global-fore-color;
position: absolute; position: absolute;
// top: -7px; // top: -7px;
border: 2px solid rgb(0, 150, 136); border: 2px solid @global-primary-color;
border-radius: 50%; border-radius: 50%;
cursor: pointer; cursor: pointer;
bottom: 0%; bottom: 0%;
@ -81,7 +82,7 @@
position: absolute; position: absolute;
bottom: 0; bottom: 0;
left: 7px; left: 7px;
background-color: rgb(0, 150, 136); background-color: @global-primary-color;
z-index: 1; z-index: 1;
} }
@ -90,7 +91,7 @@
height: 100%; height: 100%;
position: absolute; position: absolute;
left: 7px; left: 7px;
background-color: #eee; background-color: @global-fore-color;
} }
.layui-slider-srange { .layui-slider-srange {