微信小程序基础内容类组件progress使用详解

 时间:2024-10-12 23:14:59

1、先百度搜索查看 progress 进度条组件的官方文档,该组件常用的属性如下:1. percent : 进度条显示的百分比2. show-info : 进度条右侧显示数字百分比字符;3. stroke-width : 进度条的宽度;4. activeColor : 进度条已显示部分的颜色;5. backgroundColor : 进度条未显示部分的颜色;6. active-mode :backwards,每次从头显示;forwards,每次从上次结束点开始显示。

微信小程序基础内容类组件progress使用详解

3、在 wxss 中添加上述组件使用的样式类 block 对应的样式定义。

微信小程序基础内容类组件progress使用详解

5、在 wxml 中,通过动态绑定的方式设置进度条的当前进度,并通过定时任务改变这个进度值,观察进度条的变化。

微信小程序基础内容类组件progress使用详解

7、保存编译,在模拟器中查看页面效果,符合预期。

微信小程序基础内容类组件progress使用详解
  • 如何在word里面加下划线?
  • word里下划线怎么输入
  • 无字下划线怎么输入
  • word文档如何添加下划线
  • 如何去除Word文档里面的空格
  • 热门搜索
    旅游文化论文 香格里拉旅游局 广州南沙旅游 延安旅游攻略 旅游业税率 夏天最好的旅游地方 保定旅游局 云南旅游地图全图 深圳东部华侨城旅游 旅游体验师招聘