Appearance
框架目录说明
|-- framework
| |-- common // 全局工具
| | |-- js // 公共 js 方法
| | |-- style // 公共样式
| | | |-- css // 公共 css
| | | |-- less // 公共 less
| |-- components // 全局通用组件
| |-- pages // 页面集
| |-- static // 全局静态资源
| |-- unpackage // 项目编译目录
| |-- uview-ui // uview ui 库
| |-- app.vue // 入口组件
| |-- main.js // 入口 js
| |-- manifest.json // 项目配置文件
| |-- pages.json // 页面配置文件
| |-- README.md // 项目描述文件
| |-- uni.scss // 框架全局样式
开发说明
- 第一次接触建议看下 dcloud-uniapp官网
- 一般使用该框架开发
微信小程序
,开发之前需要先在小程序后台获取开发者权限跟该项目的产品负责人对接
,如果该小程序涉及到多人协作,则需要在dcloud
的后台中进行添加协作成员 - 使用
less
预处理器,样式单位采用rpx
- 网络请求统一使用
/common/js/common.js
里面的request
方法,可以基于该方法进行改造 - 使用 uviewui UI框架
- 第三方业务组件建议使用 dcloud官方插件
- 由于微信小程序限制了发布包的大小(2M),故图片类的资源尽量不要放在项目中,尽量使用线上图片资源(OSS、项目服务器)
OSS软件使用
- OSS browser 软件下载
- 登录账号信息请找部门经理沟通获取
动画库
- 使用 GraceUI
- uniappFramework 脚手架已经集成该组件库,如果项目中没有集成,可参考
GraceUI
官网文档或脚手架进行集成 - 简单使用示例如下,高级使用请参考文档:
html
<gal-css-animate animateName="bounceInRight">
asdfasfdasfdasdfasdf
</gal-css-animate>
<gal-css-animate animateName="bounceInDown">
asdfasfdasfdasdfasdf
</gal-css-animate>
<gal-css-animate animateName="flipInX">
asdfasfdasfdasdfasdf
</gal-css-animate>
<gal-text-fade text="GraceUI 动画库"></gal-text-fade>