首页 >

在微信小程序中如何使用progress组件

web前端|js教程在微信小程序中如何使用progress组件
微信小程序,progress
web前端-js教程
这篇文章主要为大家详细介绍了微信小程序progress组件的使用,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
刷爆量 源码,vscode怎么调用cmd,ubuntu 时间校正,tomcat怎么换成1.7,soshu爬虫,target php,竞价属于seo还是sem,购物网站导航栏,苹果cms手机会员模板lzw

效果图

易语言顶帖源码,软碟通ubuntu安装,爬虫小窗口播放,_clone php,seo图片跳转lzw
在微信小程序中如何使用progress组件
在线教学手机网站源码,删除ubuntu恢复硬盘,微小贴身爬虫图片,php storm使用,上虞seo定制lzw
WXML

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

JS

Page({ data: {  index: 10 }, changeTabbar(e){  this.setData({ index: e.currentTarget.dataset.id}) }})

progress属性

percent:初始化所占百分比
show-info:进度条右侧是否显示进度条百分比
stroke-width:进度条宽度,单位px,默认为6
color:进度条颜色
activeColor:已选择的进度条的颜色
backgroundColor:未选择的进度条的颜色
active:进度条从左往右的动画
active-mode:backwards: 动画从头播;forwards:动画从上次结束点接着播

上面是我整理给大家的,希望今后会对大家有帮助。

相关文章:

js中let和var定义变量的区别有哪些?

Nuxt.js Vue服务端渲染摸索

VUE 个人总结(碰到的问题)


在微信小程序中如何使用progress组件
  • 微信小程序之引用教程
  • 微信小程序之引用教程 | 微信小程序之引用教程 ...

    在微信小程序中如何使用progress组件
  • 详解微信小程序解析网页内容实例介绍
  • 详解微信小程序解析网页内容实例介绍 | 详解微信小程序解析网页内容实例介绍 ...

    在微信小程序中如何使用progress组件
  • 微信小程序实现登录页云层漂浮的动画效果
  • 微信小程序实现登录页云层漂浮的动画效果 | 微信小程序实现登录页云层漂浮的动画效果 ...