小程序常用小功能

页面部分

关于样式

设置背景为整个屏幕

position: fixed;

width: 100%;height: 100%;

display:flex;flex-direction:column;

align-items:center;/*垂直居中*/

justify-content: center;/*水平居中*/

关于配置json

小程序修改标题栏

• 修改全部页面导航
  想修改整个程序的导航栏，在app.json 文件中修改

"window": {
    "backgroundTextStyle": "light",
    "navigationBarBackgroundColor": "#a3d6d2",
    "navigationBarTitleText": "在这里修改标题",
    "navigationBarTextStyle": "white"
 },

• 修改单页面导航

在要修改的页面文件夹中的json文件（如about.json）：

{
  "usingComponents": {
  },
  "navigationBarTitleText": "关于我们"
}

• 动态修改导航栏名称

wx.setNavigationBarTitle({
	 title: res.data.nav_name,
})