fix: 调整客服弹窗 将 PC 端聊天窗口从 380×640 调整为 450×750。

H5 端:宽度占满,高度根据宽度等比缩放
This commit is contained in:
zdl
2025-12-04 17:26:16 +08:00
parent dafeab0fa3
commit ae42024ec0
2 changed files with 9 additions and 5 deletions

View File

@@ -55,10 +55,17 @@ export const bytedeskConfig = {
t: '1', // 类型: 1=人工客服, 2=机器人
sid: 'df_wg_uid', // 工作组ID
},
window: window.innerWidth <= 768 ? {
width: window.innerWidth - 1,
height: Math.min(window.innerWidth * 640/380, window.innerHeight - 200)
} : { width: 380, height: 640 }
};
/**
* 获取Bytedesk配置根据环境自动切换
* - H5 端:宽度占满,高度根据宽度等比缩放
* - PC 端:固定宽高 380x640
*
* @returns {Object} Bytedesk配置对象
*/

View File

@@ -21,12 +21,9 @@
iframe[src*="bytedesk"],
iframe[src*="/chat/"],
iframe[src*="/visitor/"] {
position: fixed !important;
z-index: 999999 !important;
max-height: 80vh !important; /* 限制最大高度为视口的80% */
max-width: 40vh !important; /* 限制最大高度为视口的80% */
bottom: 10px !important; /* 确保底部有足够空间 */
right: 10px !important; /* 右侧边距 */
width: 100% !important; /* 填满外层容器 */
height: 100% !important; /* 填满外层容器 */
}
/* Bytedesk 覆盖层(如果存在) */