uniapp中自定义导航的title颜色

Question

<u-navbar :is-back="false" title="这是标题" :background="background" height="40">

在uniapp的编译中，遇见个问题。已定义好自定义导航（如上）。然而导航背景色可以更换为黑色(如下)，但是我是标题的title几个字没法更换颜色，一直是黑色。写css也不行。

export default {
        data() {
            return {
                background: {    
                    backgroundColor: '#000000',
                },        

Answer 1

export default代码修改如下

export default {
  data() {
    return {
      navbarStyle: {
        backgroundColor: '#000000',
        color: '#FFFFFF' // 设置标题的颜色
      }
    }
  }
}

然后在模板中将navbarStyle绑定到u-navbar组件的:style属性上：

<u-navbar :is-back="false" title="这是标题" :background="background" :style="navbarStyle" height="40">

这里有一个注意事项，导航栏的样式需要通过:style绑定，在data中定义一个navbarStyle对象来设置样式的具体属性，实现样式动态切换
看看能不能帮助到你