百分比组件 - 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;
}
相关推荐
Cachel wood1 分钟前
Django REST framework (DRF)中的api_view和APIView权限控制
javascript·vue.js·后端·python·ui·django·前端框架
m0_748234087 分钟前
Spring Boot教程之三十一:入门 Web
前端·spring boot·后端
Domain-zhuo16 分钟前
如何提高webpack的构建速度?
前端·webpack·前端框架·node.js·ecmascript
放逐者-保持本心,方可放逐30 分钟前
SSE 流式场景应用 及 方案总结
javascript·axios·fetch·eventsource
还是大剑师兰特31 分钟前
面试题:ES6模块与CommonJS模块有什么异同?
前端·es6·大剑师
胡西风_foxww1 小时前
【ES6复习笔记】数值扩展(16)
前端·笔记·es6·扩展·数值
mosen8681 小时前
uniapp中uni.scss如何引入页面内或生效
前端·uni-app·scss
白云~️1 小时前
uniappX 移动端单行/多行文字隐藏显示省略号
开发语言·前端·javascript
沙尘暴炒饭1 小时前
uniapp 前端解决精度丢失的问题 (后端返回分布式id)
前端·uni-app
政采云技术1 小时前
React前端权限管理思路
前端·react.js