|
|
|
|
@ -1,12 +1,15 @@ |
|
|
|
|
<!DOCTYPE html> |
|
|
|
|
<html> |
|
|
|
|
|
|
|
|
|
<head> |
|
|
|
|
<meta charset="utf-8"> |
|
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> |
|
|
|
|
<meta name="renderer" content="webkit"> |
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> |
|
|
|
|
<link rel="icon" href="<%= BASE_URL %>favicon.ico"> |
|
|
|
|
<title><%= webpackConfig.name %></title> |
|
|
|
|
<title> |
|
|
|
|
<%= webpackConfig.name %> |
|
|
|
|
</title> |
|
|
|
|
<!--[if lt IE 11]><script>window.location.href='html/ie.html';</script><![endif]--> |
|
|
|
|
<style> |
|
|
|
|
html, |
|
|
|
|
@ -16,6 +19,7 @@ |
|
|
|
|
margin: 0px; |
|
|
|
|
padding: 0px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.chromeframe { |
|
|
|
|
margin: 0.2em 0; |
|
|
|
|
background: #ccc; |
|
|
|
|
@ -92,6 +96,7 @@ |
|
|
|
|
-ms-transform: rotate(0deg); |
|
|
|
|
transform: rotate(0deg); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
100% { |
|
|
|
|
-webkit-transform: rotate(360deg); |
|
|
|
|
-ms-transform: rotate(360deg); |
|
|
|
|
@ -105,6 +110,7 @@ |
|
|
|
|
-ms-transform: rotate(0deg); |
|
|
|
|
transform: rotate(0deg); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
100% { |
|
|
|
|
-webkit-transform: rotate(360deg); |
|
|
|
|
-ms-transform: rotate(360deg); |
|
|
|
|
@ -193,8 +199,20 @@ |
|
|
|
|
color: #FFF; |
|
|
|
|
opacity: 0.5; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.kefu-box{ |
|
|
|
|
width: fit-content; |
|
|
|
|
height: fit-content; |
|
|
|
|
position: fixed; |
|
|
|
|
top: 30%; |
|
|
|
|
right: 0; |
|
|
|
|
z-index: 999; |
|
|
|
|
transform: translateY(-50%); |
|
|
|
|
cursor: pointer; |
|
|
|
|
} |
|
|
|
|
</style> |
|
|
|
|
</head> |
|
|
|
|
|
|
|
|
|
<body> |
|
|
|
|
<div id="app"> |
|
|
|
|
<div id="loader-wrapper"> |
|
|
|
|
@ -204,5 +222,33 @@ |
|
|
|
|
<div class="load_title">正在加载系统资源，请耐心等待</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="kefu-box"> |
|
|
|
|
<img id="kefu-close" src="/kefu-close.png" alt="light"> |
|
|
|
|
<img id="kefu-open" src="/kefu-open.png" alt="light" style="display:none;"> |
|
|
|
|
</div> |
|
|
|
|
<script> |
|
|
|
|
// ... existing code ... |
|
|
|
|
document.getElementById('kefu-close').addEventListener('click', function() { |
|
|
|
|
var kefuOpen = document.getElementById('kefu-open'); |
|
|
|
|
var kefuClose = document.getElementById('kefu-close'); |
|
|
|
|
|
|
|
|
|
kefuClose.style.display = 'none'; // 隐藏 kefu-close 图片 |
|
|
|
|
kefuOpen.style.display = 'block'; // 显示 kefu-open 图片 |
|
|
|
|
kefuOpen.style.transition = 'transform 0.5s ease'; // 设置过渡效果 |
|
|
|
|
// kefuOpen.style.transform = 'translateX(-100%)'; // 从右向左移动 |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
document.getElementById('kefu-open').addEventListener('click', function() { |
|
|
|
|
var kefuOpen = document.getElementById('kefu-open'); |
|
|
|
|
var kefuClose = document.getElementById('kefu-close'); |
|
|
|
|
|
|
|
|
|
kefuOpen.style.display = 'none'; // 隐藏 kefu-open 图片 |
|
|
|
|
kefuClose.style.display = 'block'; // 显示 kefu-close 图片 |
|
|
|
|
}); |
|
|
|
|
// ... existing code ... |
|
|
|
|
</script> |
|
|
|
|
<script src='https://w1011.ttkefu.com/k/?fid=8I8EJF2' charset=utf-8></script> |
|
|
|
|
<div style='display:none;'><a href='https://www.ttkefu.com'>在线客服</a></div> |
|
|
|
|
</body> |
|
|
|
|
|
|
|
|
|
</html> |
