微信小程序-动态修改顶部导航栏颜色、背景色、标题-前端-E先生的博客
Java
MySQL
大数据
Python
前端
黑科技
大语言模型
    首页 >> 互联网 >> 前端

微信小程序-动态修改顶部导航栏颜色、背景色、标题

[导读]:微信小程序动态修改头部颜色...

wx代码:

 wx.setNavigationBarTitle({
      title: '个人中心'
    })
    wx.setNavigationBarColor({
      frontColor: '#ffffff', // 必写项【该字体颜色仅支持 #ffffff 和 #000000 】
      backgroundColor: '#25BDCE', // 传递的颜色值【仅支持有效值为十六进制颜色】
      animation: { // 可选项
        duration: 4000,
        timingFunc: 'easeIn'
      }
    })

uni代码:

 uni.setNavigationBarTitle({
      title: '个人中心'
    })
    uni.setNavigationBarColor({
      frontColor: '#ffffff', // 必写项【该字体颜色仅支持 #ffffff 和 #000000 】
      backgroundColor: '#25BDCE', // 传递的颜色值【仅支持有效值为十六进制颜色】
      animation: { // 可选项
        duration: 4000,
        timingFunc: 'easeIn'
      }
    })

遇到坑:

设置导航栏背景颜色不起作用,原因:

1、frontColor是必填项;

2、设置frontColor设置成#313233,frontColor仅支持#ffffff和#000000这两个颜色;

3、backgroundColor仅支持16进制,不支持其它格式

image.png

本文来自E先生的博客,如若转载,请注明出处:https://www.javajz.cn

留言区

联系人:
手   机:
内   容:
验证码:

历史留言

欢迎加Easy的QQ