# uniapp-template
**Repository Path**: zslgodex/uniapp-template
## Basic Information
- **Project Name**: uniapp-template
- **Description**: uniapp项目全端基础模板
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No
## Statistics
- **Stars**: 2
- **Forks**: 32
- **Created**: 2021-04-23
- **Last Updated**: 2021-12-07
## Categories & Tags
**Categories**: Uncategorized
**Tags**: None
## README
# 项目介绍
## 主架构 uniapp
### 介绍
- 组件使用easycom模式 cl-*(可在pages里面修改)
- 目前已经更新至uview2.0，uview1.0版本可在码云里面找到
### plugins
- 路由 -> [uni-simple-router](https://hhyang.cn/v2/)
- ui框架 -> [uview2.0](http://uviewui.com/)
- api请求 -> [uview自带api请求](http://uviewui.com/js/http.html)
- 图标 -> [Iconfont](https://www.iconfont.cn/)
### 项目结构
```
├─apis // 接口管理
│ ├─modules // api模块化目录
│ │ └─user.js // 模块化示例user
│ ├─http.api.js // 接口定义文件
│ └─http.interceptor // 拦截器
├─common // 公共文件
│ ├─config // 环境配置 (设置baseurl等)
│ ├─extend // 扩展原型方法
│ ├─filters // 全局过滤器
│ ├─tools // 全局公共方法
│ └─router // 路由文件
├─components // 项目组件库
│ ├─cl-test // easycom测试组件 (示例使用可删除)
│ └─cl-icon // iconfont图标库
├─store // vuex
│ ├─$u.mixin // store全局混入方法
│ └─index // vuex
├─uni_modules // 插件市场方法
│ └─uview-ui // uview-ui
```
### 自定义环境配置
[官方文档示例](https://uniapp.dcloud.io/collocation/package)，目前已配置了H5与微信小程序，其他自行配置即可。
### Iconfont 注意事项
1. 在阿里矢量图标库创建项目
2. 添加你所需要使用的图标文件
3. 下载文件到本地后替换components/cl-icon里面的文件
### Iconfont示例
iconfont库中修改示例:
代码示例:
```
```
### 依赖安装
1. 安装之前请移除下载后自带的package.json 使用下面代码安装依赖即可运行
2. 注意npm init -y时项目名称不能带特殊字符以及中文
```
npm init -y
npm i uni-simple-router uni-read-pages
```
### 仓库
[gitee](https://gitee.com/ChenMuShan/uniapp-template)
### 贡献者
[风筝](https://gitee.com/zslgodex)
[陈木杉](https://gitee.com/ChenMuShan)
