第 1章 初识uni-app 1
本章导读 1
学习目标 1
1.1 uni-app发展历程 2
1.1.1uni-app的由来 2
1.1.2 uni-app的特点 3
1.2 第 1个uni-app应用 5
1.2.1 uni-app开发工具 5
1.2.2 新建项目 6
1.2.3 项目目录结构 7
1.2.4 运行项目 10
1.3 uni-app打包 14
1.3.1 打包原生App（云端） 14
1.3.2 打包原生App（本地） 16
1.3.3 发布为H5 16
1.3.4 发布为微信小程序 17
1.4 案例：示例代码 18
本章小结 19
项目实战 19
拓展实训项目 19
第 2章 uni-app基础知识 20
本章导读 20
学习目标 20
2.1pages.json 21
2.1.1 globalStyle和pages 21
2.1.2 tabBar 22
2.1.3 subPackages 26
2.2 资源引用 26
2.3页面样式 28
2.4 尺寸单位 28
2.5 基础组件 29
2.5.1 view 29
2.5.2 text 31
2.5.3 navigator 32
2.5.4 image 34
2.5.5 属性绑定和事件绑定 35
2.5.6 v-for渲染数据 37
2.6 flex布局 38
2.6.1 flex布局的基本概念 38
2.6.2 容器属性 41
2.6.2 项目属性 56
2.7 案例：九宫格导航页面 62
本章小结 66
项目实战 66
拓展实训项目 67
第3章 uni-app基础扩展 67
本章导读 67
学习目标 67
3.1 生命周期 68
3.1.1 应用生命周期 68
3.1.2 页面生命周期 69
3.1.3 组件生命周期函数 73
3.2 条件编译 73
3.3 扩展组件uni-ui 76
3.3.1 安装组件 76
3.3.2 uni-scss辅助样式 80
3.3.3 使用组件 84
3.4 案例：新闻列表 87
本章小结 90
实训项目 90
拓展实训项目 91
第4章 uni-app组件 91
本章导读 91
学习目标 91
4.1容器组件 92
4.1.1scroll-view 92
4.1.2 swiper 96
4.2基础组件 101
4.2.1 rich-text 101
4.2.2 progress 104
4.3 表单组件 106
4.3.1 button 106
4.3.3 picker 110
4.3.4 slider 115
4.3.5 input 117
4.3.6 radio和checkbox 121
4.3.8 switch 125
4.3.9 textarea 127
4.3.10 form 130
4.4 媒体组件 133
4.4.1 camera 133
4.4.2 video 134
4.5地图 138
4.6案例一：典型注册页 139
4.7案例二：典型个人中心页 143
本章小结 147
实训项目 147
拓展实训项目 147
第5章 常用API 148
本章导读 148
学习目标 148
5.1 API概述 149
5.2 计时器 150
5.2.1设置计时器 150
5.2.2 取消计时器 150
5.3 交互反馈 153
5.3.1 信息提示框 153
5.3.2 loading提示框 156
5.3.3 模态框 156
5.3.4 操作菜单 158
5.4 网络 159
5.4 .1 request发起请求 159
3. Success属性的回调函数参数说明如表5-8所示。 161
5.4.2 上传文件 163
5.5 数据缓存 166
5.5.1 将数据缓存到本地 167
5.5.2 获取本地缓存数据 168
5.5.3 清理本地缓存数据 170
5.6路由 174
5.6.1 路由API 174
5.6.2 数据传递 177
5.7 案例：智云翻译 178
本章小结 193
项目实战 193
拓展实训项目 194
第6章 常用API-2 194
本章导读 194
学习目标 194
6.1 媒体控制 195
6.1.1 音频组件控制 195
6.1.2 录音管理 203
6.1.3 图片 209
6.1.4 视频组件控制 212
6.1.5 相机组件控制 216
6.2 文件操作 218
6.2.1 文件保存 218
6.2.2 文件选择 219
6.3 设备 219
6.3.1 得到系统信息 219
6.3.2 扫码 220
6.3.3 拨打电话 223
6.3.4剪贴板 223
6.4 登录 224
6.5 案例：仿网易云播放器 226
本章小结 244
项目实战 244
拓展实训项目 245
第7章 智慧环保 246
本章导读 246
学习目标 246
7.1 项目介绍 247
7.1.1项目概述 247
7.1.2 项目演示效果 247
7.2 环境配置 252
7.2.1 安装json-server 252
7.2.2 配置json-server 254
7.3 项目开发 256
7.3.1 创建初始项目 256
7.3.2 首页 260
7.3.3 回收分类、分类搜索 266
7.3.4 注册、登录、个人中心 274
7.3.5 公司回收、公司详情、搜索结果 285
7.3.6 下单、订单页、订单详情 293
本章小结 310
项目实战 310
拓展实训项目 311