uniapp 小程序实现自定义底部导航栏(tarbar)

在小程序开发中,默认底部导航栏很难满足实际需求,好在官方给出了自定义形式,效果如下:

uniapp 小程序实现自定义底部导航栏(tarbar)_第1张图片

 

话不多说,直接上代码

1.组件

custom-tarbar.vue文件





custom-tarbar.vue

release-popup.vue文件(弹窗)





release-popup.vue

 

2.调用





View Code

 

注意:组件传值(selected)索引对应默认从0开始

 

转载于:https://www.cnblogs.com/cap-rq/p/11212958.html

你可能感兴趣的:(uniapp 小程序实现自定义底部导航栏(tarbar))