uni-app配置vant-------浏览器运行环境下不兼容
- 1.创建uni-app项目
- 2.创建wxcomponents目录
- 3. 安装vant需要的模块包
- 3.1找一个空文件cmd 进入执行
- 3.1.1通过 npm 安装
- 3.1.2通过 npm 安装
- 3.2.1获取dist文件
- 4.将dist内容复制到wxcomponents目录下
- 5.1 使用vant
- 5.1使用button按钮
- 5.1.1 在pages.json 中的globalStyle配置项中引入官网的配置![在这里插入图片描述](https://img-blog.csdnimg.cn/df3ef182ebe24e9bae8194ea899a8633.png)
- 5.1.2 将引入官网的配置修改为我们自己下载好的文件路径
- 5.2 在文件中使用button按钮
- 5.2.1找到官网的button的配置
- 5.2.2引入
- 6.效果
- 视频
1.创建uni-app项目
2.创建wxcomponents目录
3. 安装vant需要的模块包
3.1找一个空文件cmd 进入执行
vant官网
3.1.1通过 npm 安装
npm i @vant/weapp -S --production
3.1.2通过 npm 安装
yarn add @vant/weapp --production
3.2.1获取dist文件
4.将dist内容复制到wxcomponents目录下
5.1 使用vant
5.1使用button按钮
5.1.1 在pages.json 中的globalStyle配置项中引入官网的配置![在这里插入图片描述](https://img-blog.csdnimg.cn/df3ef182ebe24e9bae8194ea899a8633.png)
5.1.2 将引入官网的配置修改为我们自己下载好的文件路径
![!](https://img-blog.csdnimg.cn/3e58e0523bf0424984bdf78875a6f25b.png)