uniapp对tabbar封装,简单好用

第一种,效果展示

uniapp对tabbar封装,简单好用_第1张图片

uniapp对tabbar封装,简单好用_第2张图片

上代码,新建一个公用组件,tabbar.vue





在pages.json中要tabbar里的页面路径

uniapp对tabbar封装,简单好用_第3张图片

使用方式,在其他tabbar页面,引入此文件使用即可。

uniapp对tabbar封装,简单好用_第4张图片

你可能感兴趣的:(uni-app)