位置:电子教程 > Uni-app入门到精通教程 (如果看不到内容请使用360浏览器) 推荐学习资源
前言
第1章 uni-app入门
2.1.1 应用生命周期
2.2 路由
2.3 运行环境判断
2.4 页面样式与布局
2.5 template 和 block
2.7 NPM支持
2.8 TypeScript 支持
2.9 小程序组件支持
2.10 WXS
3.1 配置概要
3.2 配置项列表 pages.json
3.3 manifest.json 配置项列表
3.4 package.json
3.5 vue-config.js
3.6 uni.scss
3.7 App.vue 3.7.1 应用生命周期
3.8 main.js
4.1 JSON 简介
4.2 JSON 语法
4.3 JSON 对象
4.4 JSON 数组
4.5 JSON.parse()
4.6 JSON.stringify()转字符串
4.7 eval函数
5.1uni-app常用语法
5.2 uni-app接口的使用
5.3 uni-app中表单的使用
5.4 uni-app中参数的使用
第6章 uni-app常用组件
当前阅读教程:Uni-app入门到精通教程 > 6.3.4 progress进度条
阅读(22555525)      收藏       赞(5685)      分享
上一篇: 6.3.3 rich-text富文本 下一篇: 6.4.1 button按钮

6.3.4 progress进度条


image.png

属性说明

属性名

类型

默认值

说明

平台差异说明

percent

Float

百分比0~100


show-info

Boolean

false

在进度条右侧显示百分比


border-radius

number/string

0

圆角大小

app-nvue、微信基础库2.3.1+、QQ小程序

font-size

number/string

16

右侧百分比字体大小

app-nvue、微信基础库2.3.1+、QQ小程序

stroke-width

Number

6

进度条线的宽度,单位px


activeColor

Color

#09BB07(百度为#E6E6E6)

已选择的进度条的颜色


backgroundColor

Color

#EBEBEB

未选择的进度条的颜色


active

Boolean

false

进度条从左往右的动画


active-mode

String

backwards

backwards: 动画从头播;forwards:动画从上次结束点接着播

App、H5、微信小程序、QQ小程序

duration

number

30

进度增加1%所需毫秒数

App-nvue2.6.1+、微信基础库2.8.2+

@activeend

EventHandle


动画完成事件

微信小程序

 


上一篇: 6.3.3 rich-text富文本 下一篇: 6.4.1 button按钮
毕业设计网             广告联系QQ:45157718(微信同号)