小程序引入Vant Weapp(1.7.2版本)方法

注意:根据官网步骤安装会有问题(只针对1.7.1版本)

在这里插入图片描述

一、通过 npm 安装

npm i @vant/weapp -S --production

1.安装完的目录如下,把里面的dist文件夹复制出来,放到项目的根目录,重命名为vantweapp
在这里插入图片描述
2.使用组件,以button为例,写到app.json中

 "usingComponents": {
    //官网路径 "van-button": "@vant/weapp/button/index"
    //注意:现在路径需改成这样
    "van-button": "vantweapp/button/index"
  }

3.这样小程序中就能使用vant Weapp的组件啦

在这里插入图片描述
交流

1、QQ群:可添加qq群共同进阶学习: 进军全栈工程师疑难解 群号: 856402057
2、公众号:公众号「进军全栈攻城狮」

对前端技术保持学习爱好者欢迎关注公众号共同学习。在进阶的路上,共勉!

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值