app.json:
"window": {
"defaultTitle": "标题标题",
"transparentTitle": "none",
"allowsBounceVertical": "NO"
}
页面index.json:
{
"transparentTitle": "always",
"defaultTitle": ""
}
获取标题栏和状态栏高度:
onLoad(query) {
// 页面加载
my.getSystemInfo({
success: (res) => {
this.setData({
statusBarHeight: res.statusBarHeight,
titleBarHeight: res.titleBarHeight
})
}
});
}
index.axml页面:
下图可起作用,均变成黄色
<view style="height:{{titleBarHeight + statusBarHeight + 200}};width:750rpx;background: yellow;position:fixed;top:0;"></view>
下图变成嵌入webview就不起作用
<web-view id="web-view" src="https://open.dingtalk.com/mobile"></web-view>
可能是因为钉钉小程序的页面嵌套了WebView,而WebView的标题栏是由WebView自己决定的,而不是小程序自定义的标题栏。所以即使小程序设置了自定义标题栏,也不会生效。要解决这个问题,可以考虑在WebView中嵌入小程序页面的同时,将小程序页面的标题传递给WebView,让WebView使用小程序自定义的标题栏。
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。