MUI的chat聊天模板头部标题栏不显示的解决方法，使用原生标题栏h5+即可解决

勇闯天亚

于 2019-06-24 17:51:56 发布

阅读量955

点赞数

分类专栏： MUI 前端 HBuilder 文章标签： mui chat 聊天模板 h5+

本文链接：https://blog.csdn.net/u012442504/article/details/93504253

版权

前端同时被 3 个专栏收录

42 篇文章 0 订阅

订阅专栏

MUI

40 篇文章 2 订阅

订阅专栏

HBuilder

15 篇文章 0 订阅

订阅专栏

问：在项目中使用文档中的chat代码后在模拟器和真机上运行页面的标题栏均不显示但是在pc chrome浏览器调试标题栏能显示。

官方对于这个问题的回答代码冗长的可怕。。。根本不需要那么复杂，几行代码就能搞定……

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

官方都是在复杂化……