小程序中动态设置页面顶部标题

前景:跳转不同的文章类型,标题展示不同。
同时,顶部标题存在一个问题:在ios手机上,他的标题是会居中的。在安卓手机上,他是会在偏左侧的。。。这个应该改不了

动态设置小程序标题:

wx.setNavigationBarTitle({
  title: '消息通知'
})
// 跳转消息通知(组件)
  handleMessageAction({ detail: { id }}) {
    let cameFrom = 'xxtz'; //消息通知
    wx.navigateTo({
      url: `/pages/hospitalArticle/pages/index/index?articleId=${id}&cameFrom=${cameFrom}` ,
    })
  },
------------------------- 分割线 ---------------------
onLoad: function (options) {
    this.setData({
      articleId: options.articleId,
      cameFrom: options.cameFrom ? options.cameFrom : ''
    });

    if (this.data.cameFrom === 'xxtz') {
      wx.setNavigationBarTitle({
        title: '消息通知'
      })
    }

//if (that.data.articleDetail.type === 3) {
 //         wx.setNavigationBarTitle({
 //           title: '新闻头条',
 //         })
 //       } if (that.data.articleDetail.type === 2) {
 //         wx.setNavigationBarTitle({
  //          title: '消息通知',
  //        })
  //      }

同时,也补充记录一下。静态设置页面标题。在对应的页面的json下设置就可。

{
  "navigationBarTitleText": "新闻头条",
  "usingComponents": {
    "commentList":"../../components/comments/comments",
    "videoDetail":"../../components/videoDetails/videoDetails",
    "imgtextDetail":"../../components/imgtextDetails/imgtextDetails"
  }
}
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 采矿难题是比特币的核心,因为他们的困难限制了任何一方控制共识程序的能力。因为比特币矿工为他们解决的谜题赚取了回报,...
    Nutbox_Lab阅读 1,158评论 0 4
  • 感恩父母的养育之恩。感恩列祖列宗福德深厚、护佑加持。感恩所有的智者先哲为子孙后代流传下来的古老智慧和经典。感恩为智...
    喜羊羊_43e1阅读 179评论 0 0
  • 数声残漏满帘霜,青鸟衔笺事渺茫。 剖赠半规苍玉玦,分将百合紫罗囊。 空传垂手尊前舞,新结愁眉镜里妆。 一枕游仙终是...
    山南東道荷蓧耕農阅读 109评论 0 2
  • 若是你问我,一年四季你最喜欢的季节,我一定会说是秋天。 尽管这里的秋天是那么短。 尽管他们说秋天是肃杀,是伤春悲秋...
    橙青黛阅读 461评论 0 0