小程序全局配置和页面内配置

最新推荐文章于 2024-02-27 13:59:54 发布

举头三尺有神农

最新推荐文章于 2024-02-27 13:59:54 发布

阅读量109

点赞数

文章标签：小程序

本文链接：https://blog.csdn.net/M__Yang_/article/details/115536293

版权

全局配置
app.json文件中这里以配置顶部title和tabbar为例

	"window" : {
		"backgroundTextStyle": "light", // background中文本的颜色 他的值只有light和dark
	    "navigationBarBackgroundColor": "#000", // 顶部导航的背景色
	    "navigationBarTitleText": "微信接口功能演示", // 顶部导航的title
	    "navigationBarTextStyle": "white", // 顶部导航的字体颜色
	    "enablePullDownRefresh": true, // 该属性设置为true的时候才能下来出现background部分
	    "backgroundColor": "#f6f6f6" // background部分的背景色
	},
	"tabbar": {
		"color": "tab未选中的时候的字体颜色",
		"selectedColor": "tab选中的时候的字体颜色",
		"list": [ // list的数组长度必须在 2 - 5 之间 (包含2和5)
		      {
		        "pagePath": "pages/index/index", // tabbar对应的页面链接
		        "text": "首页", // tab对应的文本
		        "iconPath": "./images/_home.png", // tab未选中时的图标
		        "selectedIconPath": "./images/home.png" // tab选中时的图标
		      },
		      {
		        "pagePath": "pages/global/global",
		        "text": "全局",
		        "iconPath": "./images/_img.png",
		        "selectedIconPath": "./images/img.png"
		      },
		      {
		        "pagePath": "pages/second/second",
		        "text": "二级",
		        "iconPath": "./images/_my.png",
		        "selectedIconPath": "./images/my.png"
		      },
		      {
		        "pagePath": "pages/first/fist",
		        "text": "一级",
		        "iconPath": "./images/_search.png",
		        "selectedIconPath": "./images/search.png"
		      }
		    ]
	}

在这里插入图片描述
页面内的配置
在page对应的json文件中添加配置以配置导航栏的title为例

	"navigationBarTitleText": "二级"

在这里插入图片描述
也可以在js文件中修改title的配置
比如global.js中加入如下配置

onLoad: function(options) {
	wx.setNavigationBarTitle({
      title: '帅比源',
      success: function(res) {},
      fail: function(res) {},
      complete: function(res) {},
    })
}