快應用 progress組件

2020-08-06 14:26 更新

概述

進度條

子組件

不支持

屬性

支持  通用屬性

名稱 類型 默認值 必填 描述
percent <number> 0 當前進度(type為circular時不生效)
type horizontal | circular horizontal 進度條類型,不支持動態(tài)修改

樣式

支持 通用樣式

horizontal progress 底色為 #f0f0f0

circular progress 默認寬高為 32px,寬高設置不一致時,circular 圖標為寬高的較小值

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

事件

支持 通用事件

progress   示例代碼

查看 示例代碼


以上內容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號