频道 UI 适配

小程序配置应用子频道 titleBar

• app.json 支持设置小程序 titleBar，默认进频道为居左"left"。

属性	类型	必填	默认值	描述
titleAlign	string	否	频道模式:left,其它模式:center	title 的位置,支持  left / center

{
  "titleBar": {
    "titleAlign": "left"
  }
}

• 子频道名称获取方式

在开发商提供的小程序跳转链接中，频道后台会在业务参数_nq 中增加 channel_name 属性，用于传递子频道名称，开发商可以从这个字段中获取. 如：mqqapi://miniapp/open?_atype=0&_mappid=1108797500&_mvid=&_path=xxx&_vt=4&referer=5002&via=5002_2&_sig=294259875&_nq={JUMP_SECRET}&channel_name=testName

• 调用 API 把子频道名称填写进 titlebar, 如：

qq.setNavigationBarTitle({
  title: '子频道名称',
})

• 应用子频道默认会增加导航栏，请按下面参数设置跟背景颜色接近的颜色值，从而体验更好，默认是白色

qq.setNavigationBarColor({
  backgroundColor: '#FFFFFF',
})

• 全屏小程序适配方式参考：

//主要方法是拿到当前小程序运行的场景值：5002，然后据此做相应的适配。场景值可以通过如下方式拿到：
//1、在App的onLaunch、onShow里拿
App({
  onLaunch: function(options) {
    console.log('onLaunch scene:', options.scene)
  },
  onShow(options) {
    console.log('onShow scene:', options.scene)
  },
})
// 2、在Page的钩子里拿
Page({
  data: {},
  onLoad: function() {
    const res = qq.getLaunchOptionsSync()
    console.log('onLoad scene:', res.scene)
  },
  onReady: function() {
    const res = qq.getLaunchOptionsSync()
    console.log('onReady scene:', res.scene)
  },
})