1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
| <!--学习progress组件-->
<view class="title">学习progress组件</view>
<view class="student">2016/12/01 vsiryxm@qq.com</view>
<view>
<text>
1、show-info属性用来定义在右侧是否显示百分比数字，支持小数点。
2、stroke-width属性用来定义进度条线条宽度。
3、color属性用来定义进度条的前景色的颜色。
4、active属性用来定义进度条的动画效果（从左往右）。
\n</text>
</view>
<view>显示百分比的效果（show-info属性）：</view>
<view><progress percent="20" show-info="true" /></view>
<view>定义进度条线条宽度的效果（stroke-width属性）：</view>
<view><progress percent="20" stroke-width="12" /></view>
<view>定义进度条前景颜色的效果（color属性）：</view>
<view><progress percent="20" color="pink" /></view>
<view>让进度条动起来的效果（active属性）：</view>
<view><progress percent="80" active="true" /></view>
|
