uniapp使用 Vant Weapp 组件

 

背景

开发一个新项目, 用到uni-app , 一开始想用 uni ui, 可是文档不方便,而且很多组件也没有.
因为不需要太多端, 所以使用 vant-weapp ui框架 可支持微信小程序等.

下载Vant Weapp包地址：

https://github.com/youzan/vant-weapp

问题

使用第三方组件

我把 vant 下载到 src目录下 wxcomponents 文件夹

src/wxcomponents/vant

在页面中使用这些组件, 网上看的方法都是 (可能我没找到) 要在 页面json里面配置然后才能在页面中使用. 觉得这样超级麻烦啊, 页面跳来跳去的...

办法

既然 uni 中高度接近vue, 其他组件可以使用 import 方式, 那应该引用小程序组件也可以吧
然后试了一下

果然是可以的!
看效果>>>>

uni 自动帮我们生成到配置json去了.