2023-02-13_有赞小程序UI框架vant weapp之安

2023-02-12  本文已影响0人  微笑碧落

前言

1. 通过npm安装

npm i @vant/weapp -S --production

2. 修改app.json,去掉默认样式

3. 构建npm包

4. 引用组件

  "usingComponents": {
    "van-button": "@vant/weapp/button/index",
    "van-field": "@vant/weapp/field/index",
    "van-cell-group": "@vant/weapp/cell-group/index",
    "van-cascader": "@vant/weapp/cascader/index",
    "van-popup": "@vant/weapp/popup/index",
    "van-cell": "@vant/weapp/cell/index",
    "van-tag": "@vant/weapp/tag/index"
  }

5. 使用

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

参考文章

  1. Vant Weapp 快速上手
上一篇 下一篇

猜你喜欢

热点阅读