<?php
define('ROOT', dirname(__FILE__).'/');  //系统程序根路径, 必须定义, 用于防翻墙

//判断是否安装
@include_once(ROOT . 'config/config.php');
if(!defined('SYSDIR')){
	header('Location: ./install/');
	exit();
}

require(ROOT . 'includes/core.guest.php');  //加载核心文件

?>

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="viewport" content="width=device-width, initial-scale=1,minimum-scale=1, maximum-scale=1, user-scalable=no">
<title><?php echo $_CFG['Title'] ?></title>
<link rel="shortcut icon" href="public/img/favicon.ico" type="image/x-icon"> 
<script type="text/javascript" src="public/js/jquery.126.js"></script>
</head>
<body style="background:#fff;font:16px Microsoft YaHei, \5b8b\4f53, Verdana, Arial;word-break:break-all;">
<br>

<a href="../" style="margin-left: 30px;display: inline-block;color: #a4a4a4;font: bold 16px 'Open Sans Condensed', sans-serif; border: 2px solid #c7c7c7;padding: 5px 20px 7px;text-decoration: none;">返回首页</a>

<br><br>

<font color="red"><b>WeLive</b></font><font color="#03a3a7"><sup>7</sup></font>在线客服系统 - 加载演示，共有两种加载模式：

<br><br>
<font color="#03a3a7"><b>一、打开独立页面进入客服对话窗口，支持web和移动端：</b></font>

<br><br>&nbsp;&nbsp;&nbsp;&nbsp;在你的网站页面html内插入：
<br>&nbsp;&nbsp;&nbsp;&nbsp;&lt;script type="text/javascript" charset="UTF-8" src="<?php echo BASEURL; ?>welive.js"&gt;&lt;/script&gt;
<br>&nbsp;&nbsp;&nbsp;&nbsp;注：如要单独调用某客服组, 需加参数, 如: &nbsp;&nbsp;&nbsp;...... welive.js<font color=red>?g=客服组id</font>
<br><br>&nbsp;&nbsp;&nbsp;&nbsp;<font color="blue">此时页面右下角将显示客服小图标，点击可在新页面打开客服对话窗口</font>

<br>
<br>&nbsp;&nbsp;&nbsp;&nbsp;<b>还可以自定义客服图标或样式：</b>
<br><br>
&nbsp;&nbsp;&nbsp;&nbsp;<b>1)</b> 编辑页面中的元素，为其添加样式：class="welive"，那么点击该元素可在新页面打开对话窗口，如：

<br><br>
<div class="welive" style="width:200px;cursor:pointer;padding: 4px; border: 1px solid #21a39f;border-radius:6px;color:#fff;margin-left:50px;background: #29C7C2;"><img src="public/img/phone.png" style="width:35px;vertical-align:middle;">打开WeLive对话窗口</div>

<br><br>

&nbsp;&nbsp;&nbsp;&nbsp;<b>2)</b> 可在同一页面显示多个客服组按钮：编辑页面中class为welive的元素, 添加自定义标签项: group="8", <br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;那么, 点击该元素将进入id号为8的客服组对话窗口，如：
<br><br>

<div style="width:100%;display:inline-block;">
<div group="8" class="welive" style="float:left;width:136px;cursor:pointer;padding: 4px; border: 1px solid #c87713;background-color: #db8215;border-radius:6px;color:#fff;margin:10px 0 0 50px;"><img src="public/img/phone.png" style="width:35px;vertical-align:middle;">接8号客服组</div>
<div group="9" class="welive" style="float:left;width:136px;cursor:pointer;padding: 4px; border: 1px solid #c87713;background-color: #db8215;border-radius:6px;color:#fff;margin:10px 0 0 30px;"><img src="public/img/phone.png" style="width:35px;vertical-align:middle;">接9号客服组</div>
</div>

<br><br><br>

<font color="#03a3a7"><b>二、链接或直接发送链接URL进入客服对话窗口，支持web和移动端，如：</b></font>
<br><br>
&nbsp;&nbsp;&nbsp;&nbsp;链接URL(<font color="blue">可制作成二维码</font>)：<?php echo $_CFG['BaseUrl'] ?>kefu.php?a=6168<font color=red>&g=客服组id</font>

<br><br>
&nbsp;&nbsp;&nbsp;&nbsp;如果不指定进入某个特定客服组，可以删除链接URL中的：<font color=red>&g=客服组id</font>


<br><br><br>
<font color="red">手机、Pad等移动设备也可以适配哟，请在移动端进入此页面测试。</font>
<br><br>

<script type="text/javascript" charset="UTF-8" src="welive.js"></script>

</body>
</html>