美文网首页
动态修改导航栏按钮

动态修改导航栏按钮

作者: 流年_时光 | 来源:发表于2020-11-18 15:22 被阅读0次

    page.json配置app端,导航栏按钮

    "path": "pages/index/index",                                                                                                                                                                                              "style": {                                                                                                                                                                                                                      "navigationBarTitleText": "设置档期",                                                                                                                                                                                      "app-plus": {                                                                                                                                                                                                                                     "titleNView": {                                                                                                                                                                                                                          "buttons":[{                                                                                                                                                                                                                                            "width":"60px",                                                                                                                                                                                                                          "float": "right",                                                                                                                                                                                                                            "text": "编辑",                                                                                                                                                                                                                              "fontSize": "14px"                                                                                                                                                                                                             }]                                                                                                                                                                                                                                          }                                                                                                                                                                                                                                              }                                                                                                                                                                                                                                          }

    在vue页面里修改导航栏里的按钮[示范:按钮的文字,文字的颜色,右上角的数字]

    let webView = this.$mp.page.$getAppWebview();

    webView.setTitleNViewButtonStyle(0, { 

            text: '完成',

            color:"#FF0000",

            badgeText:"1"

    });

    相关文章

      网友评论

          本文标题:动态修改导航栏按钮

          本文链接:https://www.haomeiwen.com/subject/cweciktx.html