微信小程序修改标题背景色以及名称

  博主介绍：本人专注于Android/java/数据库/微信小程序技术领域的开发，以及有好几年的计算机毕业设计方面的实战开发经验和技术积累；尤其是在安卓（Android）的app的开发和微信小程序的开发，很是熟悉和了解；本人也是多年的Android开发人员；希望我发布的此篇文件可以帮助到您；

🍅希望此文章可以帮助到您🍅

微信小程序文章推荐

微信小程序手写签名

微信小程序获取当前日期和时间

微信小程序实现左边图片右边文字效果

微信小程序-修改checkbox样式

微信小程序绘制表格界面

一、实现效果

 

二、js逻辑处理

1、修改背景色：

   wx.setNavigationBarColor({

            frontColor: '#ffffff',

            backgroundColor: '#0CAD83',

            animation: {

                duration: 400,

                timingFunc: 'easeIn'

            }

        })

说明：

（1）：其中 frontColor: '#ffffff',是设置标题的颜色

（2）：其中 backgroundColor: '#0CAD83',是设置标题的背景色

2：修改标题名称

这个修改的位置是在*.json文件中

{

    "usingComponents": {},    

    "navigationBarTitleText": "标题的名称信息"

}

说明：

（1）："navigationBarTitleText": "标题的名称信息"；就是修改标题的名称；

（2）：需要说明的是，假如小程序没有进行标题名称的修改的话，那么默认显示的是项目的名称

三、留个脚印吧

大家要是感觉此篇文章有意义；那就给个关注、点赞，收藏吧；

🍅也可以关注文档末尾公众号🍅