打开带原生导航栏的新页面

使用父子 webview 或者同屏显示多个 webview 的性能和资源消耗较大。非必要不推荐使用同屏多 webview 的方案，推荐使用原生导航栏方案代替。可以加快窗体进入速度，内存占用更少。

通过在 mui.openWindow 的 styles 节点中设置 titleNView 节点的相关参数，可实现绘制原生导航栏控件，具体可参考 5+ webviewStyles 中的 titleNView 节点中的 WebviewTitleNViewStyles 的详细文档。示例如下：

  1. mui.openWindow({
  2.   url: webviewUrl,
  3.   id: webviewId,
  4.   styles: {                             // 窗口参数 参考5+规范中的WebviewStyle,也就是说WebviewStyle下的参数都可以在此设置
  5.     titleNView: {                       // 窗口的标题栏控件
  6.       titleText:"标题栏",                // 标题栏文字,当不设置此属性时，默认加载当前页面的标题，并自动更新页面的标题
  7.       titleColor:"#000000",             // 字体颜色,颜色值格式为"#RRGGBB",默认值为"#000000"
  8.       titleSize:"17px",                 // 字体大小,默认17px
  9.       backgroundColor:"#F7F7F7",        // 控件背景颜色,颜色值格式为"#RRGGBB",默认值为"#F7F7F7"
  10.       progress:{                        // 标题栏控件的进度条样式
  11.         color:"#00FF00",                // 进度条颜色,默认值为"#00FF00"  
  12.         height:"2px"                    // 进度条高度,默认值为"2px"         
  13.       },
  14.       splitLine:{                       // 标题栏控件的底部分割线，类似borderBottom
  15.         color:"#CCCCCC",                // 分割线颜色,默认值为"#CCCCCC"  
  16.         height:"1px"                    // 分割线高度,默认值为"2px"
  17.       }
  18.     }
  19.   }
  20. });

说明：老版本的 mui.openWindowWithTitle 已经废除。