[uniapp实用] 导航栏与tabar修改

旭日东升

导航栏

动态设置当前页面的标题

uni.setNavigationBarTitle({
    title: '新的标题'
});

设置页面导航条样式
(如果需要进入页面就设置颜色，请延迟执行，防止被框架内设置颜色逻辑覆盖)

uni.setNavigationBarColor({
    frontColor: '#ffffff',
    backgroundColor: '#ff0000',
    animation: {
        duration: 400,
        timingFunc: 'easeIn'
    }
})

tabBar栏

动态设置 tabBar 某一项的内容

uni.setTabBarItem({
  index: 0, // 要改变的项，从左边算起
  text: 'text', // 文本
  iconPath: '/path/to/iconPath', // 图片
  selectedIconPath: '/path/to/selectedIconPath' // 选中时图片
})

tabBar标识 某一项的右上角添加文本

uni.setTabBarBadge({
  index: 0, // 要改变的项，从左边算起
  text: '1' // 标识文本
})

移除tabBar标识

uni.removeTabBarBadge({
  index: 0, // 要改变的项，从左边算起
})