9***@qq.com
9***@qq.com
  • 发布:2017-06-24 15:24
  • 更新:2017-06-26 11:38
  • 阅读:1541

为什么官方demo里index.html不显示头部?在手机上能显示

分类:MUI

如图

2017-06-24 15:24 2 条评论 负责人:无 分享
已邀请:
赵梦欢

赵梦欢 - 专注前端,乐于分享!

官方的title是原生title,使用nativeObj view绘制的,hello mui中有相关的代码:

//绘制顶部图标  
_self = plus.webview.currentWebview();  
var titleView = _self.getNavigationbar();  

if(!titleView) {  
    titleView = plus.webview.getLaunchWebview().getNavigationbar();  
}  

titleView.drawRect("#cccccc", {  
    top: "43px",  
    height:"1px",  
    left: "0px"  
}); //绘制底部边线  

//开启回弹  
_self.setStyle({  
    bounce: "vertical",  
    bounceBackground:"#efeff4"  
});  

//绘制左上角menu图标  
var bitmap_menu = new plus.nativeObj.Bitmap("menu");  
bitmap_menu.loadBase64Data("data:image/png;base64,......");  
titleView.drawBitmap(bitmap_menu, {}, {  
    top: "10px",  
    left: "10px",  
    width: "24px",  
    height: "24px"  
});  

var about_left = window.innerWidth - 34;  
var bitmap = new plus.nativeObj.Bitmap("about");  
bitmap.loadBase64Data("data:image/png;base64,.....");  
titleView.drawBitmap(bitmap, {}, {  
    top: "10px",  
    left: about_left + "px",  
    width: "24px",  
    height: "24px"  
});  

今晚在segmentfault讲堂开设了一场关于html5+ App开发工程化实践之路的讲座,会讲到5+ 开发中高性能的优化方案(会说明nativeObj View 及 subNview的用法)以及使用如何结合Vue.js进行开发,欢迎前来围观:https://segmentfault.com/l/1500000009542402?r=bPqXdU

DCloud_UNI_CHB

DCloud_UNI_CHB

首页顶部标题栏是在manifest.json中配置的原生标题栏,@赵梦欢 如上代码是绘制顶部导航栏的侧滑、关于图标;

原生标题栏仅支持在5+ App或流应用中使用,在普通浏览器下没有效果。

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

该问题目前已经被锁定, 无法添加新回复