mpvue小程序 动态修改小程序每个页面的导航栏背景颜色、导航栏标题颜色、导航栏标题文字内容、窗口的背景色、

本文介绍了如何在mpvue小程序中利用微信小程序API动态修改每个页面的导航栏背景颜色、标题颜色和文字内容,以及窗口的背景色。在最新版的mpvue中,传统的在main.js中设置导航条样式的方法已不再适用,现在推荐使用API如setNavigationBarTitle进行动态配置。
摘要由CSDN通过智能技术生成

mpvue目前版本,动态修改小程序中导航条文字,颜色,背景的操作方式是下面这种方法,采用了微信小程序api方法;之前在main.js方法中设置的方式以及不生效了。

<template>
  <div>
    这里是html
  </div>
</template>

<script>
export default {
    created(){

    },
    onLoad(){
        wx.setNavigationBarTitle({
          title:'修改后的导航',
        })
        wx.setNavigationBarColor({
          frontColor:'#ffffff',//前景颜色值,包括按钮、标题、状态栏的颜色,仅支持 #ffffff 和 #000000 (微信小程
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值