百分比组件 - 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;
}
相关推荐
Li_Ning2125 分钟前
【接口重复请求】axios通过AbortController解决页面切换过快,接口重复请求问题
前端
胡八一1 小时前
Window调试 ios 的 Safari 浏览器
前端·ios·safari
Dontla1 小时前
前端页面鼠标移动监控(鼠标运动、鼠标监控)鼠标节流处理、throttle、限制触发频率(setTimeout、clearInterval)
前端·javascript
再学一点就睡1 小时前
深拷贝与浅拷贝:代码世界里的永恒与瞬间
前端·javascript
CrimsonHu2 小时前
B站首页的 Banner 这么好看,我用原生 JS + 三大框架统统给你复刻一遍!
前端·javascript·css
Enti7c2 小时前
前端表单输入框验证
前端·javascript·jquery
拉不动的猪2 小时前
几种比较实用的指令举例
前端·javascript·面试
麻芝汤圆2 小时前
MapReduce 的广泛应用:从数据处理到智能决策
java·开发语言·前端·hadoop·后端·servlet·mapreduce
与妖为邻2 小时前
自动获取屏幕尺寸信息的html文件
前端·javascript·html
sunn。3 小时前
自定义组件触发饿了么表单校验
javascript·vue.js·elementui