微信小程序progress组件的使用介绍

发布日期： 2018-06-27 阅读量： 作者： 网络

这篇文章主要为大家详细介绍了微信小程序progress组件的使用，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

本文为大家分享了微信小程序progress组件的使用方法，供大家参考，具体内容如下

效果图

progress组件效果图

WXML

<view>
 <view>
  <text>show-info在进度条右侧显示百分比</text>
  <progress></progress>
 </view>
 <view>
  <text>stroke-width进度条线的宽度，单位px</text>
  <progress></progress>
 </view>
 <view>
  <text>color进度条颜色</text>
  <progress></progress>
 </view>
 <view>
  <text>active进度条从左往右的动画</text>
  <progress></progress>
 </view>
 <view>
  <text>backgroundColor未选择的进度条的颜色</text>
  <progress></progress>
 </view>
 <view>
  <text>动态设置进度条进度</text>
  <progress></progress>
 </view>
 <view>
  <view>
   <text>10%</text>
   <text>30%</text>
   <text>50%</text>
   <text>70%</text>
   <text>90%</text>
  </view>
 </view></view>

# 微信小程序 # progress

上一篇: Golang 函数之返回值详解

下一篇: golang框架自动化测试的故障排除指南

微信小程序progress组件的使用介绍

随便看看