微信小程序引入vant Weapp组件


一.打开小程序项目,选中miniprogram,右键在“终端打开”

输入命令:npm init(记得以管理员身份运行开发工具),然后一直回车,直至在miniprogram文件夹下,生成package.json文件。

二.打开官网,https://youzan.github.io/vant-weapp/#/intro

 

通过npm安装,执行以下命令

 

       1:npm install --production

 

       2: npm i @vant/weapp -S --production

 

三.构建 npm 包

打开微信开发者工具,点击 工具 -> 构建 npm,并点击详情,勾选 使用 npm 模块 选项,构建完成后,即可引入组件

 

四:引入组件

 

在子页面中的.json文件。

  "van-button": "path/to/@vant/weapp/dist/button/index"

改为:"van-button": "@vant/weapp/button"

 

 

wxml文件中,加入:

van-button type="danger">危险按钮</van-button>

 

 

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM