自定义uniapp标题栏按钮以及按钮触发的事件
page.json"path": "你自己的路径地址","style": {"enablePullDownRefresh": true,// 是否配置下拉刷新的功能"navigationBarTitleText": "标题",/// 标题"navigationBarBackgroundColor":"#147bc3",// 背景颜色"navigationBarTextStyle":"white",
·
page.json
"path": "你自己的路径地址",
"style": {
"enablePullDownRefresh": true,// 是否配置下拉刷新的功能
"navigationBarTitleText": "标题",/// 标题
"navigationBarBackgroundColor":"#147bc3",// 背景颜色
"navigationBarTextStyle":"white",// 文字颜色
"app-plus": {
"scrollIndicator": "none",// uniapp 隐藏滚动条
"bounce": "none"// // 将回弹属性关掉
},
"titleNView": {
"splitLine": {
"color": "#E8ECEF"// 分割线颜色
},
"autoBackButton": "true",// 左上角返回按钮
"buttons": [{
"id": "1",
"float": "right",
"fontSize": "15px",
"fontSrc": "你自己自定义按钮前面放的icon",
"text": "筛选"
}]
}
}
你自己的路径地址
data() {
return{}
},
// 点击事件
onNavigationBarButtonTap() {
console.log('eee')
},
methods: {}
更多推荐
已为社区贡献8条内容
所有评论(0)