前景:跳转不同的文章类型,标题展示不同。
同时,顶部标题存在一个问题:在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"
}
}