# wx-uniapp-vant

**Repository Path**: sunxbin/wx-uniapp-vant

## Basic Information

- **Project Name**: wx-uniapp-vant
- **Description**: 利用uniapp与vant构建微信小程序
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2021-02-07
- **Last Updated**: 2021-02-07

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# wx-uniapp-vant

#### 介绍
利用 uni-app 与 vant-weapp 构建微信小程序

#### 软件架构
整合 uni-app 与 vant-weapp 的样式框架，在同时开发微信小程序和 H5 时，避免冲突。
项目中使用的各版本信息
- vant-weapp@1.6.3
- HbuilderX@2.9.8


#### 安装教程

1.  xxxx
2.  xxxx
3.  xxxx

#### 使用说明

##### 引入 vant-weapp
vant-weapp 的引入文件为 vant-weapp 项目（githug）的 dist 文件夹下的文件。
引入 vant-weapp 时，每个版本的 vant-weapp 的代码实现会有点不一样，引入时需要手动调整代码或者修改部分 bug。
修改 bug 时，可以直接对引入的文件进行修改。

#### vant-weapp 组件依赖
vant-weapp 组件如果依赖了其他组件，必须在 page.json 的 usingComponents 中定义引入，wxcomponnents 中的组件，usingComponents 是无法正常引入组件的。

##### vant-weapp 样式修改
vant-weapp 样式修改时，需要注意 H5 与小程序的元素是不一样的，例如：调整 van-icon 样式时，需要同时设置 .van-icon 与 van-icon 分别对应 H5 和 小程序的样式。

##### vant-weapp 样式单位
vant-weapp 的组件一般都是使用 px 作为单位，在使用相关样式的时候，推荐使用 px 作为单位。

##### Vue.$set 方法可能会无法正常生效
在 H5 下，通过 Vue.$set 设置更新数组数据，可能会无法正常触发界面更新。

#### 参与贡献

1.  Fork 本仓库
2.  新建 Feat_xxx 分支
3.  提交代码
4.  新建 Pull Request


#### 特技

1.  使用 Readme\_XXX.md 来支持不同的语言，例如 Readme\_en.md, Readme\_zh.md
2.  Gitee 官方博客 [blog.gitee.com](https://blog.gitee.com)
3.  你可以 [https://gitee.com/explore](https://gitee.com/explore) 这个地址来了解 Gitee 上的优秀开源项目
4.  [GVP](https://gitee.com/gvp) 全称是 Gitee 最有价值开源项目，是综合评定出的优秀开源项目
5.  Gitee 官方提供的使用手册 [https://gitee.com/help](https://gitee.com/help)
6.  Gitee 封面人物是一档用来展示 Gitee 会员风采的栏目 [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)