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

小程序使用vant组件

作者: Poiey | 来源:发表于2020-02-02 22:56 被阅读0次
  1. 首先在miniprogram文件下初始化项目
    npm init -y
  2. 安装vant组件
    步骤一 : 安装依赖
    npm i @vant/weapp -S --production
    步骤二 : 构建npm
    fa0549210055976cb63798503611ce3d.png
    步骤三 : 使用
  • 在 app.json 中去除 "style": "v2"
    小程序给新版基础组件强行加上了许多样式,难以去除,不关闭将造成样式混乱。
  • 引入组件
// app.json
"usingComponents": {
  "van-button": "@vant/weapp/button"
}
  • 使用组件
<van-button type="primary">按钮</van-button>

相关文章

网友评论

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

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