微信小程序使用第三方组件库

使用vant weapp来快速构建小程序

 

1.首先在项目文件夹下使用npm init 生成一个package.json的配置文件

 

2.然后输入组件提供的快速初始化的命令 npm i vant-weapp -S --production

 

3.工具---构建npm

微信小程序使用第三方组件库

 

4.在最右边详情里勾选上使用npm模块

微信小程序使用第三方组件库

5.在需要引用组件库的页面json文件里,添加:"usingComponents": { "van-button": "/path/to/vant-weapp/dist/button/index" },删除多余的路径

 

微信小程序使用第三方组件库

然后就可以在wxml页面里直接使用组件啦

微信小程序使用第三方组件库

 

 

 

 

微信小程序使用第三方组件库

上一篇:微信小程序自定义组件,提示组件


下一篇:超棒!366API在线实现微信内置浏览器一键打开外部浏览器跳转外部浏览器的技术