承接上文配置信息之后。
1.添加tabBar代码文件
我的操作:
1》在文件区新建一个custom-tab-bar文件夹
2》并在其中新建一个index组件
3》文件区展示图
4》最终的效果图:
**************************************************************************************************************
2.借助于Vant组件库来获取其自定义的tabBar
1》官方文档
我的操作:
1》在app.json中:
2》在index.wxml中
3》在index.js中:
4》效果图:
**************************************************************************************************************
3.如何根据自己的需求自定义图标和文本来得到自己想要的tarBar效果。
1》官方文档:
我的操作:
1.在index.wxml里面直接使用。
**************************************************************************************************************
4.最终的实现
1》在index.js里面
2》在index.wxml里面写代码循环来实现所有的tarBar的实现。
3》效果图: