Skip to content
On this page

框架目录说明

|-- 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>

智加文档规范