美文网首页
小程序使用Vant教程

小程序使用Vant教程

作者: wangmf | 来源:发表于2019-12-06 11:28 被阅读0次
  1. 右击项目名称在终端打开

  2. 输入命令 npm init (一路回车)

  3. 输入命令 npm i @vant/weapp -S --production 下载 vant库

4.点击详情,点击使用npm模块


image.png

5.打开微信开发者工具,点击 工具 -> 构建 npm ,刷新一下即可使用组件库

6.在app.json引入组件

// app.json
"usingComponents": {
"van-button": "@vant/weapp/button"
}

7.在VXML使用组件
<van-button type="primary">按钮</van-button>

相关文章

网友评论

      本文标题:小程序使用Vant教程

      本文链接:https://www.haomeiwen.com/subject/fjbsgctx.html