百分比组件 - elementui改动
2023-12-18 10:41:12
<el-slider v-model="value2" style="width: 87%;position: absolute;bottom: 9px;" disabled :show-tooltip="false"></el-slider>
value2: 0,
// 百分比条
::v-deep .el-slider__runway.disabled .el-slider__bar {
background-color: #73b704;
height: 10px;
border-radius: 50000000000px;
}
::v-deep .el-slider__runway {
border-radius: 50000000000px;
}
::v-deep .el-slider__runway.disabled .el-slider__button {
border: solid 4px #73b704;
width: 23.5px;
height: 23.5px;
// transform: translateY(5px);
}
::v-deep .el-slider__runway {
height: 10px;
}
文章来源:https://blog.csdn.net/EstherNi/article/details/135056143
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。 如若内容造成侵权/违法违规/事实不符,请联系我的编程经验分享网邮箱:veading@qq.com进行投诉反馈,一经查实,立即删除!
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。 如若内容造成侵权/违法违规/事实不符,请联系我的编程经验分享网邮箱:veading@qq.com进行投诉反馈,一经查实,立即删除!