微信小程序基础内容类组件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文档里面的空格
  • 热门搜索
    春饼怎么做又软又好吃 你演我猜题目大全 眼部去皱的方法 怎么解防沉迷 除螨虫的方法 我的世界怎么做栅栏 电脑文件怎么加密 加班费怎么计算 siri怎么用 樱桃肉的家常做法