使用vant组件库

参考网址 Vant Weapp - 轻量、可靠的小程序 UI 组件库

1.在小程序中右键打开外部终端窗口

使用vant组件库_第1张图片

 2.npm init -y 生成package.json   

如果没有npm指令则需安装node.js  地址:https://nodejs.org/dist/v18.16.1/node-v18.16.1-x64.msi

3.npm i @vant/[email protected] -S --production

4.构建npm

使用vant组件库_第2张图片

5.app.js删除"style":"V2"

使用vant组件库_第3张图片

 

使用方法:

1.全局引用

在app.js里加入以下内容

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

使用vant组件库_第4张图片

 

你可能感兴趣的:(微信小程序)