tabBar设置底部菜单选项以及iconfont图标,setTabBar设置TabBar和下拉刷新API

tabBartabBar属性:设置底部 tab 的表现

​

​

​

​

首先在pages.json页面写一个tabBar对象,里面放入list对象数组,里面至少要有2个、最多5个 tab,

如果只有一个tab的话,H5(浏览器)依然可以显示底部有一个导航栏,如果没有,需要重启后才有,小程序则报错,只有2个以上才可以启动

可以在list属性外面加文字颜色(color)和文字选中时的颜色(selectedColor)的属性

在list属性里面加了3个以上的tab时,可以在3个页面之间相互切换,做到页面切换效果

加position属性中的top,可以把导航栏放到上面,不过只支持小程序

还可以加图标,在list属性里加iconPath属性,引入图标地址,而后就可以显示了

setTabBarBadge方法:为 tabBar 某一项的右上角添加文本就是为导航栏右上角添加文本

showTabBarRedDot方法:显示 tabBar 某一项的右上角的红点

在App.vue页面里面添加uni.setTabBarBadge方法,方法里面写index属性和text属性

index:按照索引给tab页面加

text:text里面只能写数字,文字不行,或者只显示圆点,写一个空字符串就行

uni.hideToast:隐藏消息提示框

写一个按钮,然后定义一个点击事件,然后写一个方法,里面放入uni.hideToast属性隐藏消息提示框

下拉刷新:

首先要在pages.json页面中找到本页面的路径中把enablePullDownRefresh属性默认的false改成true,这样就可以基本上刷新了

但是缺点是加载的太慢了,需要改进

改进:使用stopPullDownRefresh属性停止当前页面下拉刷新