快應(yīng)用 progress組件

2020-08-06 14:26 更新

概述

進(jìn)度條

子組件

不支持

屬性

支持  通用屬性

名稱 類型 默認(rèn)值 必填 描述
percent <number> 0 當(dāng)前進(jìn)度(type為circular時(shí)不生效)
type horizontal | circular horizontal 進(jìn)度條類型,不支持動(dòng)態(tài)修改

樣式

支持 通用樣式

horizontal progress 底色為 #f0f0f0

circular progress 默認(rèn)寬高為 32px,寬高設(shè)置不一致時(shí),circular 圖標(biāo)為寬高的較小值

名稱 類型 默認(rèn)值 必填 描述
color <color> #33b4ff 或者 rgb(51, 180, 255) 進(jìn)度條的顏色
stroke-width <length> 32px 進(jìn)度條的寬度(type為circular時(shí)不生效)
layer-color 1070+
<color>
#f0f0f0 或者 rgb(240, 240, 240)
進(jìn)度條的背景顏色(type 為 circular 時(shí)不生效)

事件

支持 通用事件

progress   示例代碼

查看 示例代碼


以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)