当前位置: 首页 > article >正文

element-ui progress 组件源码分享

progress 进度条组件源码分享,主要从以下两个方面:

1、progress 组件页面结构。

2、progress 组件属性。

一、组件页面结构。

二、组件属性。

2.1 percentage 百分比(必填),类型为 number,可选值 0-100,默认 0。

2.2 type 进度条类型,类型为 string,可选值 line/circle/dashboard,默认 line。

 

2.3 stroke-width 进度条的宽度,单位 px,类型为 number,默认值 6。

2.4 text-inside 进度条显示文字内置在进度条内(只在 type=line 时可用),类型为 boolean,默认 false。

2.5 status 进度条当前状态,类型为 string,可选值 success/exception/warning,无默认值。

2.6 color 进度条背景色(会覆盖 status 状态颜色),类型为 string/function/array,无默认值。

2.7 width 环形进度条画布宽度(只在 type 为 circle 或 dashboard 时可用),类型为 number,默认 126。

2.8 show-text 是否显示进度条文字内容,类型为 boolean,默认 true。

2.9 stroke-linecap circle/dashboard 类型路径两端的形状,类型为 string,可选值 butt/round/square,默认值 round。

2.10 format 指定进度条文字内容,类型为 function(percentage),无默认值。

2.11 define-back-color 指定进度条底色(支持 hex 格式),类型为 string,无默认值。

2.12 text-color 指定进度条字体颜色(支持 hex 格式),类型为 string,无默认值。


http://www.kler.cn/a/589369.html

相关文章:

  • 蓝牙技术联盟中国实体成立!华为、小米发声支持本土化战略
  • 实战ansible-playbook
  • 《C#上位机开发从门外到门内》3-3:基于USB的设备管理系统
  • MCP 开放协议
  • Visual Studio里的“公共语言运行时支持”各选项的作用是什么,分别适用于哪些场景?
  • 基于CPLD+MCU的3U机箱数字量输入采集板DI,主要针对标准DC110V开关量信号进行采集处理
  • LINUX驱动学习之IIC驱动-----以AP3216C为例
  • ZED X系列双目3D相机的耐用性与创新设计解析
  • 基于python+django+vue.js开发的停车管理系统运行-期末作业
  • 基于Python的tkinter开发的一个工具,解析图片文件名并将数据自动化导出为Excel文件
  • Spring 原生启动过程
  • Jenkins 快讯
  • A - 整数的简单问题/A - A Simple Problem with Integers
  • Linux centos7误删/boot拯救方法
  • 【系统架构设计师】操作系统 - 文件管理 ③ ( 树形目录结构 | 文件属性 | 绝对路径 与 相对路径 )
  • 大型智慧城市、交通枢纽、跨区域联网监控视频平台使用LiveGBS国标GB28181平台如何实现分布式集群及负载均衡
  • 线性表的顺序表示
  • Mock接口编写教程-axios-mock-adapter(React)
  • react18 核心知识点杂记1
  • 需要使用新应用以打开此ms-gamingoverlay链接怎么解决