使用vant

1.创建wxcomponents文件夹放入解压后的文件

2.在pages.json文件的globalStyle部分添加代码

该部分代码不全,有需要参照Vant Weapp引入

"usingComponents": {
      "van-button": "wxcomponents/vant/dist/button/index",
      "van-tab": "wxcomponents/vant/dist/tab/index",
      "van-tabs": "wxcomponents/vant/dist/tabs/index",
      "van-row": "wxcomponents/vant/dist/row/index",
      "van-col": "wxcomponents/vant/dist/col/index",
      "van-cell": "wxcomponents/vant/dist/cell/index",
      "van-cell-group": "wxcomponents/vant/dist/cell-group/index",
      "van-card": "wxcomponents/vant/dist/card/index",
      "van-tag": "wxcomponents/vant/dist/tag/index",
      "van-divider": "wxcomponents/vant/dist/divider/index",
      "van-uploader": "wxcomponents/vant/dist/uploader/index",
      "van-image": "wxcomponents/vant/dist/image/index",
      "van-field": "wxcomponents/vant/dist/field/index",
      "van-dialog": "wxcomponents/vant/dist/dialog/index",
      "van-popup": "wxcomponents/vant/dist/popup/index",
      "van-nav-bar": "wxcomponents/vant/dist/nav-bar/index",
      "van-icon": "wxcomponents/vant/dist/icon/index",
      "van-swipe-cell": "wxcomponents/vant/dist/swipe-cell/index",
      "van-search": "wxcomponents/vant/dist/search/index",
      "van-radio": "wxcomponents/vant/dist/radio/index",
      "van-radio-group": "wxcomponents/vant/dist/radio-group/index",
       "van-rate": "wxcomponents/vant/dist/rate/index",
       "van-picker": "wxcomponents/vant/dist/picker/index",
       "van-datetime-picker": "wxcomponents/vant/dist/datetime-picker/index",
       "van-action-sheet": "wxcomponents/vant/dist/action-sheet/index",
       "van-calendar": "wxcomponents/vant/dist/calendar/index"
    }

3.创建vant.scss文件引入

@import "/wxcomponents/vant/dist/common/index.wxss";

4.在App.vue中引入vant.scss

@import "vant.scss";

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值