美文网首页
Vant Weapp Tabbar 标签栏使用

Vant Weapp Tabbar 标签栏使用

作者: 乐兔uu | 来源:发表于2020-07-10 19:40 被阅读0次

最近开始尝试做小程序,发现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文档配置数据

我的配置是:

相关文章

网友评论

      本文标题:Vant Weapp Tabbar 标签栏使用

      本文链接:https://www.haomeiwen.com/subject/pztvcktx.html