pages.json中:
{
"path" : "pages/index/my/yqhy/yqhy",
"style" : {
"navigationBarTitleText": "邀请好友",
"navigationBarTextStyle":"white",
"navigationBarBackgroundColor":"#FE7837",
"app-plus":{
"titleNView": {
"buttons": [ //这一段为按钮
{
"text": "排行榜",
"fontSize":"12",
"float": "right"
}
]
}
}
// "navigationStyle":"custom"
}
}

在yqhy.vue文件中
export default {
data() {
return {
}
},
methods: {
},
onNavigationBarButtonTap(e) {//点击事件
console.log("success")
}
}

本文详细介绍了如何在uni-app项目中配置页面导航栏的样式及按钮,并实现按钮的点击事件。通过pages.json文件设置导航栏标题、样式及按钮属性,结合yqhy.vue文件中的方法监听按钮点击,实现排行榜功能的调用。
9580

被折叠的 条评论
为什么被折叠?



