小默跑快点
小默跑快点
  • 发布:2024-02-06 13:57
  • 更新:2024-02-06 14:50
  • 阅读:144

如何动态修改全局导航栏颜色

分类:uni-app

需要做一个换肤功能,导航栏的颜色如何使用api全局更换,

2024-02-06 13:57 负责人:无 分享
已邀请:
喜欢技术的前端

喜欢技术的前端 - QQ---445849201

import titleMinxins from '@/common/titleMinxins.js'
Vue.mixin(titleMinxins)

写个mixins 在 onShow 中修改

export default {  
    data() {  
        return {  

        }  
    },  
    onShow() {  
        uni.setNavigationBarColor({  
            frontColor: '#ffffff', // 导航栏标题颜色,只能是'black'或'white'  
            backgroundColor: uni.getStorageSync('color')||'#e4393c' // 导航栏背景颜色  
        });  
    },  
    methods:{  
        change(){  
            uni.setNavigationBarColor({  
                frontColor: '#ffffff', // 导航栏标题颜色,只能是'black'或'white'  
                backgroundColor: '#e4393c' // 导航栏背景颜色  
            });  
        }  
    }  
}

要回复问题请先登录注册