首页 > 微信 > 详细

微信小程序 —— wepy 使用 Vant Weapp

时间:2019-12-10 18:55:43      阅读:274      评论:0      收藏:0      [点我收藏+]

 一、下载

npm i @vant/weapp -S --production

下载完毕之后,就可以在 node_modules 文件夹里,看见下载的包了。

技术分享图片

 

 

 

2、移动文件夹

把刚刚下载的包文件夹下的 lib 文件夹拷贝进 src\components文件夹中。

技术分享图片

 

 

3、使用

结合官方文档,按需引入使用需要的组件。这里比如使用 button 和 dialog。

3.1、button

(1)在 config 对象下的 usingComponents 对象中引入组件。

技术分享图片

 

(2)直接从官方文档中复制到页面中。

技术分享图片

 

(3)效果如下

技术分享图片

 

 

3.2、dialog

(1)代码如下

技术分享图片

 

(2)效果如下

技术分享图片

 

 

 

 

 

 

微信小程序 —— wepy 使用 Vant Weapp

原文:https://www.cnblogs.com/xulinjun/p/12018102.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!