uniapp中给头部右侧增加图标或文字

  • Post author:
  • Post category:uniapp




1.图标库可以从

iconfont

下载

在这里插入图片描述

{
  "path": "pages/inspect/index",
  "style": {
    "navigationBarTitleText": "巡检",
    "app-plus": {
      "titleNView": {
        "buttons": [
          {
            "index": "0",
            "text": "\ue649",
            "fontSrc": "/static/font/iconfont.ttf",
            "fontSize": "24px",
            "color": "#FFFFFF"
          },
          {
            "index": "1",
            "text": "\ue677",
            "fontSrc": "/static/font/iconfont.ttf",
            "fontSize": "24px",
            "color": "#FFFFFF"
          }
        ]
      }
    }
  }
},

更多详情见

app-plus



2.相应的图标或者文字的点击函数

onNavigationBarButtonTap(e) {
 //通过index区分点击了哪个
  if (e.index == 0) {
  }
  if (e.index == 1) {
  }
}



版权声明:本文为m0_48076809原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。