首先,准备好一张背景图,自己画也可以。
然后,下面是样式代码,照改即可。
#slider{
border-image: url(:/bg.png);
}
#slider::groove:horizontal{
background-color: rgba(0,0,0,0);
}
#slider::handle:horizontal{
border-image: url(:/resources/main/控件/SeekBar.png);
}
#slider::sub-page:horizontal{
margin: 15px 0px 15px 20px;
border-radius: 5px;
background-color: qlineargradient(spread:pad, x1:1, y1:0, x2:0, y2:0, stop:0 rgba(250, 216, 69, 255), stop:1 rgba(69, 51, 37, 255));
}
#slider::add-page:horizontal{
margin: 15px 20px 15px 0px;
border-radius: 5px;
background-color: rgba(30, 35, 39, 255);
}
效果如下