项目基础脚手架 - 更新日志

1.6.0(2021-10-14)

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

1.5.0(2021-07-28)

  1. 移除富文本插件改为uview富文本插件
  2. api请求模块化方便管理以及重名api
  3. 优化逻辑

1.1.5(2021-07-19)

  1. 优化iconfont使用方式

1.1.4(2021-06-09)

  1. 新增自定义环境变量配置

1.1.3(2021-04-26)

  1. 新增动态路由示例 (h5) 需uni-simple-router 2.0.4版本以上

1.1.2(2021-04-26)

  1. 修改路由跳转示例

1.1.1(2021-04-25)

  1. 将$api 挂载到Vue原型上访问更方便

1.1.0(2021-04-25)

  1. easycom组件示例代码

1.0.8(2021-04-25)

  1. 修复vuex没有读取缓存
  2. 修改示例代码

1.0.7(2021-04-25)

  1. api接口的code码处理
  2. 新增全局过滤器
  3. 新增全局方法
  4. 新增扩展时间原型方法
  5. 修改示例代码

1.0.6(2021-04-23)

增加api请求案例

1.0.5(2021-04-23)

  1. 提交插件的示例Demo
  2. 移除package.json

1.0.4(2021-04-22)

下载完毕后需要删除pack

1.0.3(2021-04-22)

新增package.json 下载以后需要npm i 安装依赖

1.0.2(2021-04-22)

-

1.0.1(2021-04-22)

移除node_modules

1.0.0(2021-04-22)

项目介绍

主架构 uniapp

介绍

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

plugins

  • 路由 -> uni-simple-router
  • 富文本 -> mp-html
  • ui框架 -> uview
  • api请求 -> uview自带api请求

项目结构

├─common
│  ├─config             // 环境配置 (设置baseurl等)
│  ├─http.api           // 请求接口
│  ├─router             // 路由文件
│  └─http.interceptor   // 拦截器
├─components
│  ├─cl-icon            // iconfont图标库
│  ├─cl-test            // easycom测试组件 (示例使用可删除)
│  └─mp-html            // 富文本组件
├─store         
│  ├─$u.mixin           // 混入方法
│  └─index              // vuex
└─uview-ui              // uview

Iconfont 注意事项

  1. 在阿里矢量图标库创建项目
  2. 添加你所需要的图标后修改图标名称为 icon-*
  3. 下载文件到本地后替换mp-icon里面的文件
  4. 使用方法如下type内只需填写icon- 后面的

Iconfont示例

iconfont库中修改示例:

avatar

代码示例:

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