# 快速开始
Fast-UI 致力于提升开发速度
在开始之前，推荐先学习 Vue 和 uni-app，并正确安装和配置了 HbuilderX 。 官方指南假设你已了解关于 Vue 和 uni-app 的相关知识，并且已经完全掌握了 uni-app 的正确开发方式。
# 目录结构
├── common
├── api
├── index.js // http请求入口
├── request.js // http请求封装
├── url.js // api统一管理文件
├── filter
├── index.js // 全局过滤器
├── assembleImgSrc // 图片路径补全
├── formatDate // 日期格式转换
├── formatNumber // 格式化数字,大于10000时转为1.0w
├── formatTagNumber // 格式化角标数字,大于99时显示99+
├── function
├── biometrics // 指纹支付,扫脸支付
├── debounce // 防抖函数
├── deepClone // 深度克隆
├── throttle //节流函数
├── timeFormat // 日期格式化
├── timeFrom // 计算多久以前
├── mixin
├── biological // 生物监测
├── calendar // 自定义日历
├── floor // 楼层指示器依赖
├── index // 全局混入
├── paging_list // 上拉加载,下拉刷新,有需要的地方单独混入
├── utils
├── fs.js // 下载语言包
├── index.js // 公共方法入口文件
├── message.js // toast弹窗封装
├── richText.js // 富文本解析
├── router.js // 路由跳转方法封装
├── upload-file-to-oss.js // 上传文件到阿里云OSS
├── upload-file-to-qiniu.js // 上传文件到七牛云
├── upload-image.js // 上传图片到服务器
├── utils.js // 常用工具函数
├── validate.js // 常用正则验证
├── config.js // APP配置文件
├── components // 公共组件
├── lang // 国际化
├── zh.js // 中文语言包
├── libs // 依赖项
├── day.js // 时间格式化插件
├── static // 静态资源
├── empty // 空布局组件用到的图片
├── tab // 底部Tabbar用到的图片
├── my // 个人中心用到的图片
├── logo.png // 项目logo
├── store
├── index.js //状态管理
├── style
├── animation.css // colorUI的动画样式
├── common.scss // 自定义样式
├── icon.css // colorUI的图标
├── iconfont.css // 自定义图标
├── main.css // colorUI的主样式文件
├── .editorconfig // 编辑器配置文件
├── .gitignore // git忽略文件
├── App.vue // 项目入口文件
├── main.js // 项目启动文件
├── manifest.json // 项目配置文件
├── pages.json // 页面配置文件
├── uni.scss // 内置样式
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
# 基础包内置组件
- app-update 升级弹窗
- fu-button 按钮
- fu-custom 自定义导航栏
- fu-calendar 日历
- fu-empty 内容为空(配合 mixin 分页食用)
- fu-empty-ui 内容为空(纯样式)
- fu-goods-block 商品列表子组件
- fu-loading 加载动画
- fu-modal 模态框(APP 专属,在 APP 端为原生弹窗绘制,其他端为调用 uni.showModal 弹出)
- fu-mask 遮罩层
- fu-notwork 无网络提示
- fu-popup 弹出层
- fu-share 分享组件
- fu-tab Tab 标签
- fu-waterfall 瀑布流组件
- fu-waterflow 推荐组件
- jyf-parser 富文本解析器
- uni-badge 数字角标
- uni-countdown 倒计时
- uni-icon ICON 图标
- uni-load-more 加载更多
- uni-number-box 数字输入框
- uni-popup 弹出层
- uni-steps 步骤条