修改客服

This commit is contained in:
cyh 2025-01-23 17:47:37 +08:00
parent 637599fea2
commit 51aa9c31c8
1 changed files with 50 additions and 39 deletions

View File

@ -1,60 +1,71 @@
<html lang="en">
<head>
<meta charset="UTF-8">
<title>连接中...</title>
<style>
body {
background-color: #262C45;
color: white;
font-family: Arial, sans-serif;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100vh;
margin: 0;
}
body {
background-color: #262C45;
color: white;
font-family: Arial, sans-serif;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100vh;
margin: 0;
}
.loading {
border: 4px solid rgba(255, 255, 255, 0.3);
border-top: 4px solid #ffffff;
border-radius: 50%;
width: 40px;
height: 40px;
animation: spin 1s linear infinite;
}
.loading {
border: 4px solid rgba(255, 255, 255, 0.3);
border-top: 4px solid #ffffff;
border-radius: 50%;
width: 40px;
height: 40px;
animation: spin 1s linear infinite;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
</style>
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
</style>
</head>
<body>
<p id="connectionStatus">正在连接客服,右下角出现按钮后即可聊天...</p>
<p id="connectionStatus2">如果未出现按钮,请等待一分钟或者重新进入.</p>
<div class="loading" id="loadingIcon"></div>
<script>
function updateStatus() {
var statusElement = document.getElementById("connectionStatus");
(function(d,t) {
var BASE_URL="https://test.yingmaox.cc:8041";
var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
g.src=BASE_URL+"/packs/js/sdk.js";
g.defer = true;
g.async = true;
s.parentNode.insertBefore(g,s);
g.onload=function(){
window.chatwootSDK.run({
websiteToken: 'hrRz6CyYCqM8KZEQ1W88bS6b',
baseUrl: BASE_URL
})
}
})(document,"script");
</script>
<script>
function updateStatus() {
var statusElement = document.getElementById("connectionStatus");
var loadingIcon = document.getElementById("loadingIcon");
var loadingIcon = document.getElementById("loadingIcon");
statusElement.textContent = "已经连接,点击按钮开始聊天吧";
statusElement.textContent = "已经连接,点击按钮开始聊天吧";
loadingIcon.style.display = "none";
clearInterval(loadingAnimation);
}
loadingIcon.style.display = "none";
clearInterval(loadingAnimation);
}
// 模拟连接的过程,在此之后调用 updateStatus 方法
// var loadingAnimation = setInterval(updateStatus, 3000); // 假设连接耗时为3秒
</script>
// 模拟连接的过程,在此之后调用 updateStatus 方法
// var loadingAnimation = setInterval(updateStatus, 3000); // 假设连接耗时为3秒
</script>
</body>
<script type="text/javascript">window.$crisp=[];window.CRISP_WEBSITE_ID="c1e87f10-9628-488b-9fe2-61160c301f6e";(function(){d=document;s=d.createElement("script");s.src="https://client.crisp.chat/l.js";s.async=1;d.getElementsByTagName("head")[0].appendChild(s);})();</script>
</html>