图灵客服实现

安装包 [下载地址](http://hbsjsd.oss-cn-zhangjiakou.aliyuncs.com/img/2020-11-11/%E5%AE%A2%E6%9C%8D.zip "下载地址")

## 安装方式
压缩包放置位置  根目录/app下

配置方式
到图灵申请账号 建模板 得到KEY。修改的到的KEY
 ```php
 public $url="http://www.tuling123.com/openapi/api"; //图灵地址
 public $key="81e307c9b66f4d3a95993f6e2eddf70f";
```
前端使用方式 
在需要使用页面中添加下面代码
```html
<div class="bottom">
    <div class="text">在线智能客服<a class="but">x</a></div>
    <iframe src="http://demo2.hbsjsd.cn/kefu/index/index.html" width="100%" height="100%" scrolling="auto" frameborder="0"> </iframe></div>
```
js部分
```java
  $(".but").click(function(){
        if($("iframe").css("display")=="none"){
            $("iframe").show();
            $(".bottom").removeClass("intro");
        }else{
            $("iframe").hide();
            $(".bottom").addClass("intro");
        }
    });
```

样式css
```css
<style>
    .bottom{width: 400px;background: #fff;border-radius:5px;overflow: hidden;
        height: 510px;
        position: fixed;
        bottom: 80px;
        z-index: 1000;
        right: 10px;}
    .text{background: #00a0e9;line-height: 45px; line-height: 45px; color: #fff; font-size: 16px; padding-left: 15px;}
    .text a{display: inline-block;padding:0 5px; float: right;margin-right: 10px; color: #fff; font-size: 16px;}
    .intro{height: 45px;
        line-height: 45px; width: 150px;}
</style>
```

速建时代TPCMS管理系统

图灵客服实现