6.3.4 progress进度条,Uni-app入门到精通教程|计算机毕业设计,计算机毕业论文开题报告,毕设作品网

位置：电子教程 > Uni-app入门到精通教程 (如果看不到内容请使用360浏览器)

推荐学习资源

前言

第1章 uni-app入门

1.1 uni-app概要

1.2 快速上手

1.2.1 HbuilderX开发工具

1.2.2 通过 HBuilderX 可视化界面

1.2.3 通过 HBuilderX发布为小程序

1.2.4 通过vue-cli命令行

1.3 开发规范

1.3.1 Vue 单文件组件 (SFC) 规范

1.4 目录结构

1.5 资源路径说明

1.5.1 模板内引入静态资源

1.5.2 js文件引入

1.5.3 css引入静态资源

1.6 使用Vue.js注意事项

2.1.1 应用生命周期

2.1.1 应用生命周期

2.1.2 页面生命周期

2.2 路由

2.3 运行环境判断

2.3.1 开发环境和生产环境

2.3.2 判断平台

2.4 页面样式与布局

2.4.1 尺寸单位

2.4.2 样式导入

2.4.3 内联样式

2.4.4 选择器

2.4.5 全局样式与局部样式

2.4.6 CSS变量

2.4.7 固定值

2.4.9 背景图片

2.4.10 字体图标

2.5 template 和 block

2.7 NPM支持

2.8 TypeScript 支持

2.9 小程序组件支持

2.10 WXS

3.1 配置概要

3.2 配置项列表 pages.json

3.2.2 globalStyle

3.2.3 pages

3.2.4 easycom

3.2.5 tabBar

3.2.6 condition

3.2.7 subPackages

3.2.8 preloadRule

3.3 manifest.json 配置项列表

3.3.2 uniStatistics

3.3.3 app-plus

3.3.4 h5

3.3.5 mp-weixin

3.3.6 mp-alipay

3.3.8 mp-toutiao

3.3.9 mp-qq

3.3.10 关于分包优化的说明

3.3.11 完整 manifest.json

3.4 package.json

3.5 vue-config.js

3.6 uni.scss

3.7 App.vue 3.7.1 应用生命周期

3.7.2 globalData

3.7.3 全局样式

3.8 main.js

4.1 JSON 简介

4.2 JSON 语法

4.2.1 JSON 语法规则

4.2.2 JSON 使用 JavaScript 语法

4.3 JSON 对象

4.3.1 对象语法

4.3.2 访问对象值方式1

4.3.3 访问对象值方式2

4.3.4嵌套 JSON 对象

4.3.5 修改值

4.3.6 删除对象属性

4.4 JSON 数组

4.4.1 JSON 对象中的数组

4.4.2 数组的循环访问

4.4.3 嵌套 JSON 对象中的数组

4.4.4修改数组值

4.4.5 删除数组元素

4.5 JSON.parse()

4.6 JSON.stringify()转字符串

4.7 eval函数

5.1uni-app常用语法

5.1.1 Vue页面介绍

5.1.2 变量的定义和使用

5.1.3 事件的定义和使用

5.1.4 使用事件改变变量的值

5.1.5 组件中变量的使用

5.1.6 关键字true和false

5.1.7 三元运算

5.1.8 JSON对象的定义和使用

5.1.9 数组的定义和for语句的使用

5.1.10 对象数组的定义和使用

5.1.11 If语句

5.2 uni-app接口的使用

5.2.1 如何调用接口

5.2.2 接口参数的使用

5.3 uni-app中表单的使用

5.3.1 表单的提交和重置

5.3.2 表单内数据的获取

5.4 uni-app中参数的使用

5.4.1 url参数的传递

5.4.2 通过data- 设置和获取参数

第6章 uni-app常用组件

6.1.1 navigator页面链接

6.2.1 view视图容器

6.2.2 swiper滑块视图容器

6.3.1 icon图标

6.3.2 text文本

6.3.3 rich-text富文本

6.3.4 progress进度条

6.4.1 button按钮

6.4.2 checkbox-group多项选择器

6.4.3 editor 富文本编辑器

6.4.4 form 表单

当前阅读教程：Uni-app入门到精通教程 > 6.3.4 progress进度条

阅读(22555525) 收藏赞(5685) 分享

上一篇： 6.3.3 rich-text富文本

下一篇： 6.4.1 button按钮

6.3.4 progress进度条

属性说明

属性名	类型	默认值	说明	平台差异说明
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(微信同号)（备注：毕设）