# uni-app-template

**Repository Path**: LittleHamster/uni-app-template

## Basic Information

- **Project Name**: uni-app-template
- **Description**: 本项目是基于uni-app生成的模板
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-08-05
- **Last Updated**: 2021-08-06

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# uni-app-template

## Project introduce
```
本项目是基于vue-cli创建的uni-app项目模板，可以脱离hbuilder-x进行开发，项目中安装了vant和uView的第三方ui框架供开发者进行选择，vuex、http请求均已封装，可根据实际需要进行修改。
```

## Project setup
```
npm install
```

### Compiles and hot-reloads for development
```
h5：
npm run dev:h5
微信小程序：
npm run dev:mp-weixin
```

### Compiles and minifies for production
```
h5：
npm run build:h5
微信小程序：
npm run build:mp-weixin
```


### explain
#### 1.关于uView
#### 官方文档：(https://www.uviewui.com/components/intro.html)
```
引入的部分：
1. src/uni.scss
/* uni.scss */
@import "uview-ui/theme.scss";
@import "uview-ui/index.scss";

2. src/main.js
// 引入全局uView
import uView from 'uview-ui';
Vue.use(uView);

3. src/pages.json
"easycom": {
		"^u-(.*)": "@/wxcomponents/uview-ui/components/u-$1/u-$1.vue" // 自定义组件方式引入
		// "^u-(.*)": "uview-ui/components/u-$1/u-$1.vue" // npm安装方式引入
	},
	
注：以上三处引入了uView，使用时请参照src/pages/index/index.vue中的示例，无需再page.json中的usingComponents进行组件注册，打包时会自动过滤不使用的组件。如不使用uView请删除上述引入的部分，并执行npm uninstall uview-ui
```

#### 2.关于vant
#### 官方文档：(https://vant-contrib.gitee.io/vant-weapp/#/home)
```
引入部分：
1. src/wxcomponents/vant目录中为vant的全部组件

2. src/pages.json 在globalStyle中的usingComponents引入需要使用的组件
注：vant里面的组件包是从uni-app的插件商店获取的可能会与官网上存在一定差异，这是为了能后在h5平台而进行使用的。
	如运行在h5平台vant出现编译错误请解压根目录的wxcomponents.rar文件覆盖掉src/wxcomponents目录
```

### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).


### 版本更新日志
#### V1.0 2021-8-6
```
项目初始化、引入第三方ui组件、封装公共方法。
```