百分比组件 - elementui改动

javascript 复制代码
<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;
}
相关推荐
网络点点滴4 分钟前
声明式和函数式 JavaScript 原则
开发语言·前端·javascript
禁默9 分钟前
【学术会议-第五届机械设计与仿真国际学术会议(MDS 2025) 】前端开发:技术与艺术的完美融合
前端·论文·学术
纯粹的摆烂狗12 分钟前
深圳大学-智能网络与计算-实验四:云-边协同计算实验
javascript
binnnngo14 分钟前
2.体验vue
前端·javascript·vue.js
LCG元15 分钟前
Vue.js组件开发-实现多个文件附件压缩下载
前端·javascript·vue.js
索然无味io18 分钟前
组件框架漏洞
前端·笔记·学习·安全·web安全·网络安全·前端框架
╰つ゛木槿27 分钟前
深入探索 Vue 3 Markdown 编辑器:高级功能与实现
前端·vue.js·编辑器
yqcoder1 小时前
Commander 一款命令行自定义命令依赖
前端·javascript·arcgis·node.js
前端Hardy1 小时前
HTML&CSS :下雪了
前端·javascript·css·html·交互
醉の虾1 小时前
VUE3 使用路由守卫函数实现类型服务器端中间件效果
前端·vue.js·中间件