progress组件学习

本文深入探讨了Progress圆形进度条组件的使用,包括其类型为circular的情况,详细阐述了配置和应用。
摘要由CSDN通过智能技术生成

名称

类型

默认值

必填

描述

type

string

horizontal

设置进度条的类型,该属性不支持动态修改,可选值为:

  • horizontal:线性进度条;
  • circular:loading样式进度条;
  • ring:圆环形进度条;
  • scale-ring:带刻度圆环形进度条
  • arc:弧形进度条。
  • eclipse5+:圆形进度条,展现类似月圆月缺的进度展示效果。

名称

类型

默认值

必填

描述

percent

number

0

当前进度。取值范围为0-100。

secondarypercent

number

0

次级进度。取值范围为0-100。

名称

类型

默认值

必填

描述

color

<color>

手机:#ff007dff

智慧屏:#e5ffffff

智能穿戴:#ff45a5ff

设置进度条的颜色。

stroke-width

<length>

手机:4px

智慧屏:4px

智能穿戴:4px

设置进度条的宽度。

background-color

<color>

-

设置进度条的背景色。

secondary-color

<color>

-

设置次级进度条的颜色。

type=circular

名称

类型

默认值

必填

描述

color

<color>

-

loading进度条上的圆点颜色。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值