更新记录

1.7.0(2021-10-22)

  1. 新增分包测试案例

1.6.0(2021-10-14)

  1. 优化api模块化目录
  2. 接口请求全局loading配置
查看更多

平台兼容性

Vue2 Vue3
×
App 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序 快应用
app-vue app-nvue
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari

项目介绍

主架构 uniapp

介绍

  • 组件使用easycom模式 cl-*(可在pages里面修改)

plugins

项目结构

├─apis                  // 接口管理
│  ├─http.api           // 请求接口
│  │  └─modules         // api模块化目录
│  ├─user               // 模拟user模块
│  └─http.interceptor   // 拦截器
├─common                // 公共方法库
│  ├─config             // 环境配置 (设置baseurl等)
│  ├─extend             // 扩展原型方法
│  ├─filters            // 全局过滤器
│  ├─tools              // 全局公共方法
│  └─router             // 路由文件
├─components            // 组件库
│  ├─cl-test            // easycom测试组件 (示例使用可删除)
│  └─cl-icon            // iconfont图标库
├─store                 // vuex
│  ├─$u.mixin           // store全局混入方法
│  └─index              // vuex
└─uview-ui              // uview

自定义环境配置

官方文档示例,目前已配置了H5与微信小程序,其他自行配置即可。

avatar

avatar

Iconfont 注意事项

  1. 在阿里矢量图标库创建项目
  2. 添加你所需要使用的图标文件
  3. 下载文件到本地后替换components/cl-icon里面的文件

Iconfont示例

iconfont库中修改示例:

avatar

代码示例:

    <cl-icon type="test" size="30" color="#000000"></cl-icon>

依赖安装

安装之前请移除下载后自带的package.json 使用下面代码安装依赖即可运行

npm init -y
npm i uni-simple-router uni-read-pages

仓库

gitee

贡献者

风筝 陈木杉

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问