Vant Weapp Tabbar 标签栏使用

2020-07-10  本文已影响0人  乐兔uu

最近开始尝试做小程序,发现Vant Weapp样式挺漂亮也挺全面的,打算项目中使用 WeUI+ Vant Weapp。

但是在使用过程中,微信文档看的不够细致,导致一个Tabbar做了三个小时(汗···),下面来记录下Tabbar的使用过程

1.首先在app.json里配置tabBar

微信文档 https://developers.weixin.qq.com/miniprogram/dev/framework/ability/custom-tabbar.html

把我们的tababar页面加进来,如图:

2.在代码根目录下创建custom-tab-bar文件夹,添加page文件

3.在custom-tab-bar文件夹里的根据vant Weapp文档配置数据

我的配置是:

上一篇 下一篇

猜你喜欢

热点阅读