進度條
主要屬性:
效果圖:
progress.wxml添加代碼:
<View >
<!--百分比是30,并在進度條右側顯示百分比-->
<Text class="text-style">百分比是30,并在進度條右側顯示百分比</Text>
<progress percent="30" show-info />
<!--百分比是40,進度條線的寬度12px-->
<Text class="text-style">百分比是40,進度條線的寬度12px</Text>
<progress percent="40" stroke-width="12" />
<!--百分比是60,進度條顏色:pink-->
<Text class="text-style">百分比是60,進度條顏色:pink</Text>
<progress percent="60" color="pink" />
<!--百分比是80,進度條從左往右的動畫-->
<Text class="text-style">百分比是80,進度條從左往右的動畫</Text>
<progress percent="80" show-info active />
</View>
progress.wxss添加代碼:
.text-style{
font-size: 13px;
}
來源:
http://bbs.520it.com/forum.php?mod=viewthread&tid=2568&extra=page%3D1