微信小程序組件進(jìn)度條progress,微信小程序進(jìn)度條實(shí)例
2020-09-27
導(dǎo)讀:progress 進(jìn)度條。 屬性名 類型 默認(rèn)值 說明 percent Float 無 百分比0~100 show-info Boolean false 在進(jìn)度條右側(cè)顯示百分比 stroke-width Number 6 進(jìn)度條線的寬度,單位px color Color #09BB07 進(jìn)度條顏色 (請(qǐng)...
progress
進(jìn)度條。
屬性名 | 類型 | 默認(rèn)值 | 說明 |
---|---|---|---|
percent | Float | 無 | 百分比0~100 |
show-info | Boolean | false | 在進(jìn)度條右側(cè)顯示百分比 |
stroke-width | Number | 6 | 進(jìn)度條線的寬度,單位px |
color | Color | #09BB07 | 進(jìn)度條顏色 (請(qǐng)使用 activeColor) |
activeColor | Color |
|
已選擇的進(jìn)度條的顏色 |
backgroundColor | Color | 未選擇的進(jìn)度條的顏色 | |
active | Boolean | false | 進(jìn)度條從左往右的動(dòng)畫 |
<progress percent="20" show-info />
<progress percent="40" stroke-width="12" />
<progress percent="60" color="pink" />
<progress percent="80" active />
更多微信小程序開發(fā)教程,可以關(guān)注hi小程序。
第二部分:如何開通一個(gè)小商店
您可能感興趣: