@wepy2.0 vant weapp UI 库搭建小程序的坑
wepy2.0 vant weapp UI 库搭建小程序的坑
老版本的项目用的是1.7,现在用2.0版本的wepy使用组件库的时候,遇到了一些问题,记录一下
**
- 首先 wepy要保证是alpha 13 版本 (低于这个版本是不可以的,会出问题) 全局安装
**
npm install @wepy/cli@2.0.0-alpha.13 -g
去打印下查看版本是否是这个版本
然后按照vant的说明,把组件库下下来
去项目下的package.json下看是否有了vant字段,有就代表下载成功:
"dependencies": {
"@wepy/core": "^2.0.0-alpha.8",
"@wepy/x": "^2.0.2",
"miniprogram-slide-view": "0.0.3",
"vant-weapp": "^0.5.16"
},
最后 ,最最最重要的,在引入的时候要注意加入module:
页面里使用的时候,在 里
<config>
{
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"
}
}
</config>
<van-button type="default">默认按钮</van-button>
<van-button type="primary">主要按钮</van-button>
<van-button type="info">信息按钮</van-button>
<van-button type="warning">警告按钮</van-button>
<van-button type="danger">危险按钮</van-button>
大功告成!