Mac微信小程序引入Vant Weapp
作者:
门前的那颗樱桃树 | 来源:发表于
2022-02-24 15:42 被阅读0次
- 在小程序的根目录执行
npm init -y
生成package.json
文件
- 引入Vant Weapp,在小程序的根目录执行,生成
node_modules
npm i @vant/weapp -S --production
- 使用
npm
模块打钩,工具-》构建npm
,结束出现miniprogram_npm
image.png
微信小程序使用
@import "miniprogram_npm/@vant/weapp/common/index.wxss";
- Vant Weapp的组件使用,在
index.json
或app.json
引入
"usingComponents":{
"van-button": "@vant/weapp/button/index"
}
<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>

如图所示
本文标题:Mac微信小程序引入Vant Weapp
本文链接:https://www.haomeiwen.com/subject/uuwzlrtx.html
网友评论