mui 原生标题栏

1、 首页配置

首页的titleNView需要在manifest.json文件中配置。
plus->launchwebview->titleNView

"plus": {
    "launchwebview": {
        "titleNView": {
            "backgroundcolor": "#f7f7f7",
            "titletext": "首页",
            "titlecolor": "#ff461f"
        }
    }
}

2、 非首页webview

该属性必须在创建时就设置

document.getElementById('one').addEventListener('tap',function(){
  plus.webview.create('one.html', 'one', {'titleNView':{'backgroundcolor':'#FFFFFF','titletext':'标题栏','titlecolor':'black',splitLine:{color:'lightgray'},autoBackButton:true,
  buttons:[{float:'right',onclick:clickButton,fontSize:'30px',color:'black',text:'\ue610',fontSrc:'_www/fonts/iconfont.ttf'}]}},{ids:1}).show('slide-in-right');

}) 
function clickButton(){
    var i = plus.webview.getWebviewById('one')
    i.evalJS('method()') 
}
            

不支持动态setStyle修改。

  • 注意:
    text:'\ue610',fontSrc:'_www/fonts/iconfont.ttf'这里必须引入字体,例如阿里矢量图标

你可能感兴趣的:(mui 原生标题栏)