自定义uniapp标题栏按钮以及按钮触发的事件

自定义uniapp标题栏按钮以及按钮触发的事件

在这里插入图片描述

{
    
    
      "path": "pages/taskList/taskList",
      "style": {
    
    
        "enablePullDownRefresh": false,// 是否配置下拉刷新的功能
        "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: {
    
    }

猜你喜欢

转载自blog.csdn.net/qq_36158551/article/details/129412936