修改客服
This commit is contained in:
parent
637599fea2
commit
51aa9c31c8
|
|
@ -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>
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue