当前位置: 首页 > 编程笔记 >

微信小程序 wxapp内容组件 progress详细介绍

何麻雀
2023-03-14
本文向大家介绍微信小程序 wxapp内容组件 progress详细介绍,包括了微信小程序 wxapp内容组件 progress详细介绍的使用技巧和注意事项,需要的朋友参考一下

 微信小程序 内容组件

相关文章:

微信小程序 wxapp内容组件 icon

微信小程序 wxapp内容组件 text

微信小程序 wxapp内容组件progress

微信小程序内容组件 进度条:progress

进度条

属性名 类型 默认值 说明
percent Float 百分比0~100
showInfo Boolean false 在进度条右侧显示百分比
strokeWidth Number 6 进度条线的宽度,单位px
color Color #09BB07 进度条颜色
active Boolean false 进度条从左往右的动画

示例:

<progress percent="20" show-info />
<progress percent="40" stroke-width="12" />
<progress percent="60" color="pink" />
<progress percent="80" active />

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

 类似资料:
  • 本文向大家介绍微信小程序 wxapp内容组件 text详细介绍,包括了微信小程序 wxapp内容组件 text详细介绍的使用技巧和注意事项,需要的朋友参考一下 微信小程序 内容组件 相关文章: 微信小程序 wxapp内容组件 icon 微信小程序 wxapp内容组件 text 微信小程序 wxapp内容组件progress 微信小程序内容组件:text 文本节点,支持转义符"\"。 除了文本节点以

  • 本文向大家介绍微信小程序 wxapp内容组件 icon详细介绍,包括了微信小程序 wxapp内容组件 icon详细介绍的使用技巧和注意事项,需要的朋友参考一下 微信小程序 内容组件 相关文章: 微信小程序 wxapp内容组件 icon 微信小程序 wxapp内容组件 text 微信小程序 wxapp内容组件progress icon 图标。 属性名 类型 默认值 说明 type String  

  • 本文向大家介绍微信小程序(十三)progress组件详细介绍,包括了微信小程序(十三)progress组件详细介绍的使用技巧和注意事项,需要的朋友参考一下 进度条描述的是一种加载的状态,比如软件升级下载进度, 视频,图片下载进度… 主要属性: wxml 相关文章: hello WeApp                      icon组件 Window                     

  • 本文向大家介绍微信小程序 (八)View组件详细介绍,包括了微信小程序 (八)View组件详细介绍的使用技巧和注意事项,需要的朋友参考一下 刚看到这个效果的时候还真是和ReactNative的效果一致,属性也基本的一样. view这个组件就是一个视图组件使用起来非常简单。 主要属性: flex-direction: 主要两个特性”row”横向排列”column”纵向排列 justify-conte

  • 本文向大家介绍微信小程序(九)scroll-view组件详细介绍,包括了微信小程序(九)scroll-view组件详细介绍的使用技巧和注意事项,需要的朋友参考一下 scroll-view为滚动视图,分为水平滚动和垂直滚动。注意滚动视图垂直滚动时一定要设置高度否则的话scroll-view不会生效。滚动视图常用的地方一般都是Item项比较多的界面,比如我的模块 主要属性: 使用演示: wxml 相关

  • 本文向大家介绍微信小程序 触控事件详细介绍,包括了微信小程序 触控事件详细介绍的使用技巧和注意事项,需要的朋友参考一下 微信小程序 触控事件:             微信小程序的"事件"挺有意思。看了说明文档后发现它的功能很全,事件可以向父节点传递,而且打印这个事件的信息很透明,调试起来应该非常方便。 接下来把文档copy过来 原文地址:https://mp.weixin.qq.com/debu