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属性停止当前页面下拉刷新
