美文网首页
小程序使用VantUI组件

小程序使用VantUI组件

作者: lydia56 | 来源:发表于2020-06-08 11:53 被阅读0次

Vant 是由有赞发布的,轻量的小程序 UI 组件库。组件全,维护及时。https://github.com/youzan/vant-weapp

1.初始化

npm init

2.npm安装VantUI组件

npm i @vant/weapp -S --production

3.微信开发者工具-菜单“工具”-构建npm
稍等提示完成构建。
4.在需要引用组件的页json文件中引用

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

5.在wxml中使用

<van-button type="primary">按钮</van-button>

相关文章

网友评论

      本文标题:小程序使用VantUI组件

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