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