wepy2.0 vant weapp UI 库搭建小程序的坑

首先 wepy要保证是alpha 13 版本 （低于这个版本是不可以的，会出问题）

全局安装

npm install @wepy/[email protected] -g

---

去打印下查看版本是否是这个版本

---

然后按照vant的说明，把组件库下下来

---

去项目下的package.json下看是否有了vant字段，有就代表下载成功：

有了就对了

---

最后 ，最最最重要的，在引入的时候要注意加入module：

            

这是wepy官网组件的截图说明

---

页面里使用的时候，在 里

{

navigationBarTitleText: 'WePY 2.0 Feature Demo',

usingComponents: {

panel: '~@/components/panel',

counter: '~counter',

list: '../components/list',

group: '../components/group',

"slide-view": "module:miniprogram-slide-view",

"van-button": "module:vant-weapp/dist/button/index"

}

}

大功告成！