微信小程序 progress组件详解及实例代码
更新时间:2016年10月25日 09:44:13 投稿:lqh
这篇文章主要介绍了微信小程序 progress组件详解及实例代码的相关资料,需要的朋友可以参考下
主要属性:
效果图:
ml:
<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>
ss:
.text-style{ font-size: 13px; }
感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!
相关文章
Project Reference优化TypeScript编译性能示例
这篇文章主要为大家介绍了Project Reference优化TypeScript编译性能示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2022-08-08
最新评论