开发者社区> 问答> 正文

钉钉小程序页面嵌套webview自定义标题栏不生效

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页面:

下图可起作用,均变成黄色

1685438187604.png

<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>

展开
收起
游客ucj57336p4qfs 2023-05-30 17:25:22 593 0
1 条回答
写回答
取消 提交回答
  • 可能是因为钉钉小程序的页面嵌套了WebView,而WebView的标题栏是由WebView自己决定的,而不是小程序自定义的标题栏。所以即使小程序设置了自定义标题栏,也不会生效。要解决这个问题,可以考虑在WebView中嵌入小程序页面的同时,将小程序页面的标题传递给WebView,让WebView使用小程序自定义的标题栏。

    2023-05-30 17:42:25
    赞同 展开评论 打赏
来源圈子
更多
收录在圈子:
+ 订阅
问答排行榜
最热
最新

相关电子书

更多
《云市场-小程序》 立即下载
数字乡村建设方案 立即下载
mPaaS 小程序新品发布 立即下载