Mac微信小程序引入Vant Weapp

  • 在小程序的根目录执行npm init -y生成package.json文件
  • 引入Vant Weapp，在小程序的根目录执行,生成node_modules 
 npm i @vant/weapp -S --production
  • 使用npm模块打钩，工具-》构建npm，结束出现miniprogram_npm
    image.png

微信小程序使用

  • 内置样式，app.wxss文件中加入
 @import "miniprogram_npm/@vant/weapp/common/index.wxss";
  • Vant Weapp的组件使用，在index.json或app.json引入
"usingComponents":{    
  "van-button": "@vant/weapp/button/index"
}
  • 在index.wxml中写入样式
<van-button type="default">默认按钮</van-button>
<van-button type="primary">主要按钮</van-button>
<van-button type="info">信息按钮</van-button>
<van-button type="warning">警告按钮</van-button>
<van-button type="danger">危险按钮</van-button>
如图所示
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容