修改客服
This commit is contained in:
parent
637599fea2
commit
51aa9c31c8
|
|
@ -1,60 +1,71 @@
|
||||||
|
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<title>连接中...</title>
|
<title>连接中...</title>
|
||||||
<style>
|
<style>
|
||||||
body {
|
body {
|
||||||
background-color: #262C45;
|
background-color: #262C45;
|
||||||
color: white;
|
color: white;
|
||||||
font-family: Arial, sans-serif;
|
font-family: Arial, sans-serif;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.loading {
|
.loading {
|
||||||
border: 4px solid rgba(255, 255, 255, 0.3);
|
border: 4px solid rgba(255, 255, 255, 0.3);
|
||||||
border-top: 4px solid #ffffff;
|
border-top: 4px solid #ffffff;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
width: 40px;
|
width: 40px;
|
||||||
height: 40px;
|
height: 40px;
|
||||||
animation: spin 1s linear infinite;
|
animation: spin 1s linear infinite;
|
||||||
}
|
}
|
||||||
|
|
||||||
@keyframes spin {
|
@keyframes spin {
|
||||||
0% { transform: rotate(0deg); }
|
0% { transform: rotate(0deg); }
|
||||||
100% { transform: rotate(360deg); }
|
100% { transform: rotate(360deg); }
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<p id="connectionStatus">正在连接客服,右下角出现按钮后即可聊天...</p>
|
<p id="connectionStatus">正在连接客服,右下角出现按钮后即可聊天...</p>
|
||||||
<p id="connectionStatus2">如果未出现按钮,请等待一分钟或者重新进入.</p>
|
<p id="connectionStatus2">如果未出现按钮,请等待一分钟或者重新进入.</p>
|
||||||
<div class="loading" id="loadingIcon"></div>
|
<div class="loading" id="loadingIcon"></div>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
function updateStatus() {
|
(function(d,t) {
|
||||||
var statusElement = document.getElementById("connectionStatus");
|
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";
|
loadingIcon.style.display = "none";
|
||||||
clearInterval(loadingAnimation);
|
clearInterval(loadingAnimation);
|
||||||
}
|
}
|
||||||
|
|
||||||
// 模拟连接的过程,在此之后调用 updateStatus 方法
|
// 模拟连接的过程,在此之后调用 updateStatus 方法
|
||||||
// var loadingAnimation = setInterval(updateStatus, 3000); // 假设连接耗时为3秒
|
// var loadingAnimation = setInterval(updateStatus, 3000); // 假设连接耗时为3秒
|
||||||
|
</script>
|
||||||
</script>
|
|
||||||
</body>
|
</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>
|
</html>
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue