评论

基于 uni-ui 项目开发模版

基于 uni-ui 项目开发模版

安装使用 插件市场

yarn add @vue/cli global

vue create -p dcloudio/uni-preset-vue my-project

选择自定义模版
LOUSANPANG/HBuilderX-template

一、基于 uni-ui 模版的二次封装

common 公共工具函数

- custom_filterfield.js 字段、中文转换工具
- helper.js 其他辅助函数

components 公共组件

- my-amount 金额组件
- my-empty 多种空状态组件
- my-loading 多种加载动画组件
- my-skeleton-screen 骨架屏组件

docs 文档

- APPOPTIMIZATION.md APP性能优化文档
- HELP.md HBuilder帮助文档
- NOTE.md 兼容性、边界问题帮助文档
- STANDARD.md 代码规范文档
- WXOPTIMIZATION.md 微信小程序性能优化文档

filter

- filter.js 项目过滤器(手机号、金额、卡号等)

hybrid App端存放本地html文件的目录

- docs.md 使用说明文档

js_sdk 第三方sdk

- js-md5
- jweixin
- luch-request
- uuid 

mixins

- mixinsLoadMore.js 上拉加载、下拉刷新
- mixinsNetWorkStatus.js 监听网络状态变化

mycomponents 支付宝小程序自定义组件存放目录

- docs.md 使用说明文档

pages 页面放置目录

- index 首页
- login 登录页

pagesChild 分包目录

- status 状态页(成功、失败、404)

platforms 存放各平台专用页面的目录

- app-plus
- h5
- map-alipay
- mp-weixin
- PLATFORMS.md 各平台兼容性文档说明

responsive 宽屏适配文件

- left-window.vue
- right-window.vue
- top-window.vue
- WINDOW.md 宽屏适配指南

services 请求服务文件

- api 各页面服务地址存放目录
- services-base 服务拦截器
	- http-inerceptors.js 拦截器
	- md5-signature.js md5加解密
	- silent-login.js 二次登录
	- tologin.js 回调登录
- http-interceptors__simple.js 服务拦截器简写版(可替代services-base文件)
- docs.md 拦截器介绍文档 

static 静态文件

- h5 h5的静态文件
- map-alipay 阿里小程序的静态文件
- mp-weixin 微信小程序的静态文件
- system 存放系统静态文件

store vuex状态管理文件目录

- test 测试module
- index.js 出口

style 样式文件目录

- compatible.css 各平台兼容性css
- iconfont.css icon文件
- index.scss 样式出口文件
- mixin.scss 布局相关、文本相关、动画类
- variables.scss 文本颜色、功能色、主题色

utils 工具函数

- can_use.js 判断APP、小程序的API,回调,参数,组件,是否在当前版本可用
- can_version.js 检测版本更新
- custom_authorize.js 授权成功后的各个权限接口
- custom_login.js 登录
- custom_storage.js 二次封装缓存api
- custom_toast.js 二次封装toast
- custom_wx.js 微信公众号登录授权
- is_systeminfo.js 判断终端环境
- parse_url.js 解析url
- promise_vue3.js vue2、vu3 promise的封装形式
- rule_reg.js 正则校验手机号、邮箱、身份证等
- wx_errno.js 微信错误码大全
- wx_log.js 小程序实时日志

uview-ui 1.x ui库

workers 多线程

wxcomponents 存 H5 App 微信小程序 QQ小程序 组件的目录

config.js 存放服务地址文件

package.json 多环境编译

router.js 简易路由拦截

vue.config.js 内网穿透、生产环境优化、环境变量等

最后一次编辑于  2022-04-20  
点赞 0
收藏
评论
登录 后发表内容