uniapp动态修改原生标题栏、按钮、webview样式等

  |   0 评论   |   47 浏览

// #ifdef APP-PLUS
var currentWebview = this.$mp.page.$getAppWebview();
var tn = currentWebview.getStyle().titleNView;  
tn.buttons[1].text = this.cancelFlag ? "完成":"编辑";    
currentWebview.setStyle({ 
	titleNView: tn 
});
// #endif

原生view的样式参考http://www.html5plus.org/doc/zh_cn/nativeobj.html#plus.nativeObj.ViewStyles

this.currentWebview = this.$mp.page.$getAppWebview();
this.titleNView = this.currentWebview.getTitleNView();
let currentWebview = plus.webview.currentWebview(); //获取当前页面的webview对象
this.currentWebview = currentWebview;
// this.webview = currentWebview.children()[0];
this.webview = plus.webview.create('/hybrid/html/index.html?app=true', 'custom-webview', {
	top: 0 ,//放置在titleNView下方。如果还想在webview上方加个地址栏的什么的,可以继续降低TOP值
	cachemode:"cacheElseNetwork",//只要存在缓存(即使过期)数据则使用,否则从网络获取
	hardwareAccelerated:true,//开启硬件加速
	kernel:"WKWebview",//使用WKWebview内核
	popGesture:"none"
});
this.currentWebview.append(this.webview);

--------------------------------
云深不知归处
先沉稳而后爱人

评论

发表评论