百分比组件 - elementui改动

在这里插入图片描述

<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;
}

相关推荐

  1. ElementUI之表格组件

    2023-12-19 13:50:02       19 阅读
  2. 鸿蒙OS应用开发之百分比显示组件

    2023-12-19 13:50:02       49 阅读
  3. vue2组件封装+elementUI

    2023-12-19 13:50:02       28 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2023-12-19 13:50:02       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2023-12-19 13:50:02       100 阅读
  3. 在Django里面运行非项目文件

    2023-12-19 13:50:02       82 阅读
  4. Python语言-面向对象

    2023-12-19 13:50:02       91 阅读

热门阅读

  1. WordPress WP_Query参数使用说明

    2023-12-19 13:50:02       45 阅读
  2. 【selenium】自动化使用 chrome 的 user-data-dir

    2023-12-19 13:50:02       65 阅读
  3. 2312llvm,01基本介绍

    2023-12-19 13:50:02       55 阅读
  4. react项目:Table表格数据转换为图片下载保存

    2023-12-19 13:50:02       64 阅读
  5. 第1节 位运算、算法是什么、简单排序

    2023-12-19 13:50:02       59 阅读
  6. 目标检测里面MAP评测指标的详细介绍

    2023-12-19 13:50:02       60 阅读
  7. 前端面试题(计算机网络):POST和PUT请求的区别

    2023-12-19 13:50:02       64 阅读
  8. Wireshark高级网络安全分析

    2023-12-19 13:50:02       80 阅读