Skip to content

basic-uniapp-v3
basic-uniapp-v3
提交 1c307378 作者: 方治民
操作

style: 优化 AI Chat WebView 界面在 Android 下的样式兼容问题

上级 3ce40c6b
正在显示 包含 21 行增加 和 0 行删除
src/hybrid/html/chat.html
...@@ -36,10 +36,31 @@ ...@@ -36,10 +36,31 @@
top: calc(18px + env(safe-area-inset-top)); top: calc(18px + env(safe-area-inset-top));
padding: 8px; padding: 8px;
} }
.android #chat-bot {
/* 兼容 iOS < 11.2 */
padding-top: calc(18px + constant(safe-area-inset-top));
/* 兼容 iOS >= 11.2 */
padding-top: calc(18px + env(safe-area-inset-top));
}
.android .close-btn {
/* 兼容 iOS < 11.2 */
top: calc(18px + 18px + constant(safe-area-inset-top));
/* 兼容 iOS >= 11.2 */
top: calc(18px + 18px + env(safe-area-inset-top));
}
</style> </style>
</head> </head>
<body> <body>
<script type="text/javascript">
const u = navigator.userAgent;
const isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1;
if (isAndroid) {
document.body.classList.add('android');
}
</script>
<div id="chat-bot"></div> <div id="chat-bot"></div>
<script type="text/javascript" src="https://hntq-res.oss-cn-shenzhen.aliyuncs.com/uni.webview.1.5.6.js"></script> <script type="text/javascript" src="https://hntq-res.oss-cn-shenzhen.aliyuncs.com/uni.webview.1.5.6.js"></script>
<script src="https://lf-cdn.coze.cn/obj/unpkg/flow-platform/chat-app-sdk/1.1.0-beta.0/libs/cn/index.js"></script> <script src="https://lf-cdn.coze.cn/obj/unpkg/flow-platform/chat-app-sdk/1.1.0-beta.0/libs/cn/index.js"></script>
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论