duxingchen/KCGL
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 全局接入 Dify 智能客服悬浮窗

Browse Source
This commit is contained in:
DXC
2026-05-18 12:07:51 +08:00
parent ee893485bb
commit a625189375
1 changed files with 29 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
inventory-web/index.html
View File

@ -9,5 +9,34 @@
<body> <body>
<div id="app"></div> <div id="app"></div>
<script type="module" src="/src/main.ts"></script> <script type="module" src="/src/main.ts"></script>
<script>
window.difyChatbotConfig = {
token: 'Zp6B44AgCUPKprFG',
baseUrl: 'http://172.16.0.198:8080',
inputs: {},
systemVariables: {},
userVariables: {},
};
</script>
<script
src="http://172.16.0.198:8080/embed.min.js"
id="Zp6B44AgCUPKprFG"
defer>
</script>
<style>
/* 修改悬浮按钮的颜色，使其与系统的主题蓝（如新增按钮）完全一致 */
#dify-chatbot-bubble-button {
background-color: #409EFF !important;
box-shadow: 0 4px 12px rgba(64, 158, 255, 0.4) !important; /* 增加同色系发光投影，质感更好 */
}
/* 调整聊天窗口的尺寸和阴影，使其更贴合现代 UI */
#dify-chatbot-bubble-window {
width: 28rem !important; /* 稍微加宽一点，文字展示更舒服 */
height: 42rem !important; /* 稍微加高一点 */
border-radius: 12px !important; /* 更圆润的边角 */
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12) !important; /* 更柔和的高级阴影 */
}
</style>
</body> </body>
</html> </html>