progress

2020-02-11 18:41 更新

基礎(chǔ)庫 1.0.0 開始支持本組件

進(jìn)度條。

屬性說明

屬性名	類型	默認(rèn)值	說明	最低版本
percent	Number	0	進(jìn)度	1.0.0
stroke-width	Number	6	進(jìn)度條的垂直寬度	1.0.0
color	String	#F85959	進(jìn)度條顏色，不建議使用，請使用 active-color	1.0.0
active-color	String	#F85959	進(jìn)度條顏色	1.0.0
background-color	String	#EBEBEB	未達(dá)到進(jìn)度的顏色	1.0.0
active	Boolean	false	進(jìn)度條動(dòng)畫	1.0.0
active-mode	String	backwards	backwards: 動(dòng)畫從頭播；forwards：動(dòng)畫從上次結(jié)束點(diǎn)接著播	1.0.0

效果示例

代碼示例

<progress percent="20" />

<progress percent="40" stroke-width="3" />

<progress percent="60" active />

<progress percent="80" color="#10AEFF" active active-mode="forwards" />

以上內(nèi)容是否對您有幫助：

← rich-text

icon →

寫筆記

我要補(bǔ)充