美文网首页
mui 原生标题栏

mui 原生标题栏

作者: 没有昵_称 | 来源:发表于2017-12-19 11:34 被阅读1562次

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 原生标题栏

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

  • MUI基本语法[01]-mui.type()

    (未完~~)` 文中涉及的mui.js的方法:mui.type()、mui.each文中涉及的原生js的方法:ev...

  • H5+App开发框架汇总

    MUI:http://dcloudio.github.io/mui/(使用H5+app模式,号称是最接近原生,但是...

  • mui视频播放代码分享_HBuilder教程

    mui 视频播放代码 注意:需要在配置里加入 视频播放器SDK 才能使用MUI原生播放器 mui 视频播放代码分享...

  • 001-跨平台开发-MUI-认识MUI

    视频教程:点击这里 什么是MUI?MUI的定位是:最接近原生体验的移动App的UI框架。基于mui的定位,产生了m...

  • mui中如何增加自定义icon图标

    mui框架遵循极简原则,在icon图标集上也是如此,mui仅集成了原生系统中最常用的图标;其次,mui中的图标并不...

  • Hbuilder--02--如何制作自己的icon图标

    mui框架遵循极简原则,在icon图标集上也是如此,mui仅集成了原生系统中最常用的图标;其次,mui中的图标并不...

  • MUI

    MUI框架 最接近原生APP体验的高性能前端框架 一、手机体验 已打包好的Hello mui 手机app,直接在手...

  • MUI实现上拉刷新

    MUI-最接近原生APP体验的高性能前端框架 1.mui的上拉加载和下拉刷新类似,都属于pullRefresh插件...

  • TitleBar标题栏告别老套的ToolBar

    引言   在Android开发中,标题栏我们常常用ToolBar控件,但因为它是原生的标题栏,所以有很多局限性。比...

网友评论

      本文标题:mui 原生标题栏

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