132 lines
4.8 KiB
HTML
132 lines
4.8 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>客服测试页面</title>
|
|
<meta name="keywords" content="客服">
|
|
<meta name="description" content="客服">
|
|
<link rel="shortcut icon" href="favicon.ico">
|
|
<link href="__CDN__/static/admin/css/bootstrap.min.css" rel="stylesheet">
|
|
<link href="__CDN__/static/admin/css/font-awesome.min.css" rel="stylesheet">
|
|
<link href="__CDN__/static/admin/css/bootstrap.min.css" rel="stylesheet">
|
|
<link href="__CDN__/static/admin/css/style.min.css?v=4.1.0" rel="stylesheet">
|
|
<link href="__CDN__/static/demo/css/common.css" rel="stylesheet" />
|
|
</head>
|
|
|
|
<body class="gray-bg">
|
|
<!-- 右侧悬浮 -->
|
|
<div id="service">
|
|
<ul>
|
|
<li>
|
|
<a href="javascript:">
|
|
<div class="hides" style="width:161px;display:none;">
|
|
<div class="hides p1">
|
|
<img src="__CDN__/static/demo/images/ll04.png">
|
|
</div>
|
|
<div class="hides p2" id="buy-1" data-group="1">
|
|
<span style="color:#FFF;font-size:13px">售前客服</span>
|
|
</div>
|
|
</div>
|
|
<img src="__CDN__/static/demo/images/l04.png" width="47" height="49" class="shows" />
|
|
</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="javascript:">
|
|
<div class="hides" style="width:161px;display:none;">
|
|
<div class="hides p1">
|
|
<img src="__CDN__/static/demo/images/ll04.png">
|
|
</div>
|
|
<div class="hides p2" id="buy-2" data-group="2">
|
|
<span style="color:#FFF;font-size:13px">售后客服</span>
|
|
</div>
|
|
</div>
|
|
<img src="__CDN__/static/demo/images/l04.png" width="47" height="49" class="shows" />
|
|
</a>
|
|
</li>
|
|
|
|
<li id="btn">
|
|
<a id="top_btn">
|
|
<div class="hides" style="width:161px;display:none">
|
|
<img src="__CDN__/static/demo/images/ll06.png" width="161" height="49" />
|
|
</div>
|
|
<img src="__CDN__/static/demo/images/l06.png" width="47" height="49" class="shows" />
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<!-- 右侧悬浮 -->
|
|
|
|
<script src="__CDN__/static/admin/js/jquery.min.js"></script>
|
|
<script src="__CDN__/static/admin/js/bootstrap.min.js"></script>
|
|
<script src="__CDN__/static/admin/js/content.min.js?v=1.0.0"></script>
|
|
<script src="__CDN__/static/customer/js/layer/layer.js"></script>
|
|
<script src="__CDN__/static/customer/js/mylink-tool.js"></script>
|
|
|
|
<script type="text/javascript">
|
|
var redirectUrl = '{$url}';
|
|
$(function() {
|
|
$("#service a").hover(function() {
|
|
if ($(this).prop("className") == "weixin_area") {
|
|
$(this).children("img.hides").show();
|
|
} else {
|
|
$(this).children("div.hides").show();
|
|
$(this).children("img.shows").hide();
|
|
$(this).children("div.hides").animate({marginRight: '0px'}, '0');
|
|
}
|
|
}, function() {
|
|
if ($(this).prop("className") == "weixin_area") {
|
|
$(this).children("img.hides").hide();
|
|
} else {
|
|
$(this).children("div.hides").animate({marginRight: '-163px'}, 0, function() {
|
|
$(this).hide();
|
|
$(this).next("img.shows").show();
|
|
});
|
|
}
|
|
});
|
|
|
|
var ws = new myLink();
|
|
$("#buy-1,#buy-2").click(function(){
|
|
var group = $(this).attr('data-group');
|
|
// var userInfo = localStorage.getItem("userInfo");
|
|
|
|
// if(!userInfo){
|
|
// userInfo = {
|
|
// id: randomChar(20),
|
|
// name: '游客',
|
|
// avatar: 'http://wx2.sinaimg.cn/mw690/5db11ff4gy1flxmew7edlj203d03wt8n.jpg',
|
|
// mytoken: "testtoken"
|
|
// };
|
|
|
|
// // 存储
|
|
// localStorage.setItem("userInfo", JSON.stringify(userInfo));
|
|
// }else{
|
|
// console.log("走")
|
|
// userInfo = JSON.parse(userInfo);
|
|
// }
|
|
|
|
// userInfo.group = group;
|
|
// userInfo.url = location.href;
|
|
|
|
ws.init(group);
|
|
});
|
|
$("#top_btn").click(function() {
|
|
$("html,body").animate({scrollTop: 0}, 600);
|
|
});
|
|
});
|
|
|
|
function randomChar(l) {
|
|
var x = "0123456789qwertyuioplkjhgfdsazxcvbnm";
|
|
var tmp = "";
|
|
var timestamp = new Date().getTime();
|
|
for (var i = 0; i < l; i++) {
|
|
tmp += x.charAt(Math.ceil(Math.random() * 100000000) % x.length);
|
|
}
|
|
return timestamp;
|
|
}
|
|
|
|
|
|
</script>
|
|
</body>
|
|
</html> |