您的位置：编程学 > 微信小程序基础内容组件微信小程序内容组件 progress

微信小程序基础内容组件微信小程序内容组件 progress

2023-03-30 05:18

微信小程序基础内容组件

progress

基础库 1.0.0 开始支持，低版本需做兼容处理。

进度条。组件属性的长度单位默认为px，2.4.0起支持传入单位(rpx/px)。

属性	类型	默认值	必填	说明	最低版本
percent	number		否	百分比0~100	1.0.0
show-info	boolean	false	否	在进度条右侧显示百分比	1.0.0
border-radius	number/string	0	否	圆角大小	2.3.1
font-size	number/string	16	否	右侧百分比字体大小	2.3.1
stroke-width	number/string	6	否	进度条线的宽度	1.0.0
color	string	#09BB07	否	进度条颜色（请使用activeColor）	1.0.0
activeColor	string	#09BB07	否	已选择的进度条的颜色	1.0.0
backgroundColor	string	#EBEBEB	否	未选择的进度条的颜色	1.0.0
active	boolean	false	否	进度条从左往右的动画	1.0.0
active-mode	string	backwards	否	backwards: 动画从头播；forwards：动画从上次结束点接着播	1.7.0
duration	number	30	否	进度增加1%所需毫秒数	2.8.2
bindactiveend	eventhandle		否	动画完成事件	2.4.1

示例代码

<view class="progress-box">
  <progress percent="20" show-info stroke-width="3"/>
</view>

<view class="progress-box">
  <progress percent="40" active stroke-width="3" />
  <icon class="progress-cancel" type="cancel"></icon>
</view>

<view class="progress-box">
  <progress percent="60" active stroke-width="3" />
</view>

<view class="progress-box">
  <progress percent="80" color="#10AEFF" active stroke-width="3" />
</view>

progress

阅读全文

以上是编程学为你收集整理的微信小程序基础内容组件微信小程序内容组件 progress全部内容。

声明：本站所有文章资源内容，如无特殊说明或标注，均为采集网络资源。如若本站内容侵犯了原著者的合法权益，可联系本站删除。

微信小程序背景音乐不播放微信小程序API 背景音频·停止播放音乐

2023-04-13

wx.stopBackgroundAudio(Object object)从基础库1.2.0开始，本接口停止维护，请使用wx.getBackgroundAudioManager代替停止播放音...
verilog经典教程 Verilog 高级篇

2023-05-17 Verilog手册

https://www..cn/verilog2/verilog2-zcte3o4h.html?RECACHE=1...
正则表达式教程pdf 正则表达式 – 教程

2023-06-10 正则表达式

正则表达式是烦琐的，但它是强大的，学会之后的应用会让你除了提高效率外，会给你带来绝对的成就感。只要认真阅读本教程，加上应...
使用 css 预处理器吗?喜欢那个? Chrome开发工具使用 CSS 预处理器

2023-05-11

使用 CSS 预处理器许多开发者使用 CSS 预处理器来产生 CSS 样式表，比如 Sass， Less 或者 Stylus。因为 CSS 文件是生成的，直接...
chrome 开发工具 Chrome开发工具使用时间轴

2023-05-23

使用时间轴时间轴面板可让你记录和分析在你的的应用程序运行的所有活动。它开始于你的应用程序感知调查性能问题的最佳场所。时间...