配置 uni-app 导航栏上按钮

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43

{     "pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages         {             "path": "pages/index/index",             "style": {                 "app-plus": {                     "titleNView": {                         "searchInput": {                             "align": "center",                             "backgroundColor": "#eee",                             "borderRadius": "5px", // 只能用px作单位                             "placeholder": "请输入内容",                             "placeholderColor": "#ccc"                         },                         "buttons": [{                             "color": "#F0AD4E",                             "colorPressed": "#eee",                             "float": "left",                             "fontSize": "22px",                             "fontSrc": "/static/iconfont.ttf", // 字体文件                             "text": "\ue65d" // 字体图标\u 开头，加上字体图标unicode后面四位                         },                         {                              "color": "#333",                              "colorPressed": "#eee",                              "float": "right",                              "fontSize": "22px",                              "fontSrc": "/static/iconfont.ttf", // 字体文件                              "text": "\ue678" // 字体图标\u 开头，加上字体图标unicode后面四位                         }                         ]                     }                 }             }         }     ],     "globalStyle": {         "navigationBarTextStyle": "black",         "navigationBarTitleText": "uni-app",         "navigationBarBackgroundColor": "#F8F8F8",         "backgroundColor": "#F8F8F8"     } }

查看 uni-app 官网，buttons 配置即可