官网样式

pull/23/head
630892807@qq.com 4 years ago
parent 9d235c5537
commit bf88cb6c5b

@ -9,7 +9,6 @@ import (
"github.com/taoshihan1991/imaptool/models" "github.com/taoshihan1991/imaptool/models"
"github.com/taoshihan1991/imaptool/tools" "github.com/taoshihan1991/imaptool/tools"
"github.com/taoshihan1991/imaptool/ws" "github.com/taoshihan1991/imaptool/ws"
"log"
"os" "os"
"path" "path"
"strconv" "strconv"
@ -115,8 +114,7 @@ func SendMessageV2(c *gin.Context) {
go SendAppGetuiPush(kefuInfo.Name, vistorInfo.Name, content) go SendAppGetuiPush(kefuInfo.Name, vistorInfo.Name, content)
kefus, ok := ws.KefuList[kefuInfo.Name] kefus, ok := ws.KefuList[kefuInfo.Name]
if !ok || len(kefus) == 0 { if !ok || len(kefus) == 0 {
log.Println("客服不在线,发送邮件通知")
go SendNoticeEmail(content+"|"+vistorInfo.Name, content)
} }
go ws.VisitorAutoReply(vistorInfo, kefuInfo, content) go ws.VisitorAutoReply(vistorInfo, kefuInfo, content)
c.JSON(200, gin.H{ c.JSON(200, gin.H{

@ -0,0 +1,153 @@
*{
margin: 0;padding: 0;
}
a {
text-decoration: none;
color: #3973ac;
}
a:hover {
text-decoration: underline;
}
.header{
background-color: #fff;
color: #fff;
width: 100%;
z-index: 100;
}
.container{
width: 1140px;
padding: 0;
margin: 0 auto;
}
.header .logo{
margin: 0;
float: left;
font-size: 32px;
font-weight: bold;
margin-top: 10px;
}
.header a{
color: #828282;
font-weight: bold;
font-family: "Microsoft JhengHei";
text-decoration: none;
}
.header .logo a{
font-size: 30px;
text-decoration: none;
}
.header .logo img{
width: 120px;
}
.header .navBtn{
float: right;
margin:30px 0 30px 20px;
display: inline-block;
}
.banner{
text-align: center;
color: #fff;
background-color: #3385ff;
padding: 20px 10px;
font-size: 18px;
line-height: 28px;
}
.banner h1 {
font-size: 34px;
margin: 20px 0px;
line-height: 45px;
font-weight: 500;
font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif;
}
.banner p{
max-width: 1200px;
margin: 0 auto;
}
.banner .downloadBtn{margin-top: 20px;}
.downloadBtn{display:inline-block;text-decoration:none;color:#fff;border:1px solid #fff;padding:10px 15px;border-radius:5px;}
.downloadBtn:hover{background:#fff;color:#20b2bb;}
.jumbotron{
width: 1000px;
margin: 10px auto;
box-shadow: 2px 2px 15px rgba(0,0,0,.3);
display: block;
}
.copyright{
font-size: 14px;
color: #333;
text-align: center;
padding: 10px;
}
.links{
margin-top: 20px;
}
.links a{
color: #20b2bb;
line-height: 23px;
margin: 5px;
}
.main{
background: #ededed;
overflow: hidden;
}
.mainIntro{
background: #fff;
box-shadow: 0 1px 5px 0 rgba(0,0,0,.05);
margin: 20px auto;
}
.product{
padding: 10px;
}
.product h3{
color: #333;
font-size: 16px;
line-height: 36px;
border-bottom: 1px solid #e6e6e6;
}
.productContent{
color: #444;
font-size: 14px;
line-height: 30px;
margin-top: 10px;
}
.productContent a{
color: #3973ac;
text-decoration: none;
}
.productContent a:hover{
text-decoration: underline;
}
@media screen and (max-width: 800px) {
.container{
width: 100%;
}
.header .logo{
float: none;
text-align: center;
margin: 20px 0px;
}
.header .navBtn{
margin:5px 0 10px 10px;
float: none;
}
.banner p{
text-align: left;
}
.jumbotron{
width: 100%;
height: auto;
}
}
.clear{clear:both}
.links{
margin-top: 20px;
}
.links a{
color: #20b2bb;
line-height: 23px;
margin: 5px;
}

@ -1,184 +1,49 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="renderer" content="webkit">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<title>开源免费客服系统-极简强大Go语言开发客服单页营销系统 - GOFLY</title> <title>开源免费客服系统-极简强大Go语言开发客服单页营销系统 - GOFLY</title>
<style> <meta name="keywords" content="GO-FLY,GOFLY客服,开源免费在线客服,GO语言客服,免费客服,开源客服,web客服,go客服,网站客服系统,免费在线客服,网站在线客服,在线客服软件" />
*{ <meta name="description" content="GOFLY客服,GO-FLY开源客服一套可独立部署的免费开源客服系统下载zip解压即可仅依赖MySQL数据库是一个开箱即用的网页在线客服适合PHP程序员使用同时也是首页完全可以编辑的单页营销系统." />
margin: 0;padding: 0; <link rel="stylesheet" type="text/css" href="../css/style.css" />
}
.header{
background-color: #fff;
color: #fff;
width: 100%;
z-index: 100;
}
.container{
width: 1140px;
padding: 0;
margin: 0 auto;
}
.header .logo{
margin: 0;
float: left;
font-size: 32px;
font-weight: bold;
margin-top: 10px;
}
.header a{
color: #828282;
font-weight: bold;
font-family: "Microsoft JhengHei";
text-decoration: none;
}
.header .logo a{
font-size: 30px;
text-decoration: none;
}
.header .logo img{
width: 120px;
}
.header .navBtn{
float: right;
margin:30px 0 30px 20px;
display: inline-block;
}
.banner{
text-align: center;
color: #fff;
background-color: #3385ff;
padding: 20px 10px;
font-size: 18px;
line-height: 28px;
}
.banner h1 {
font-size: 34px;
margin: 20px 0px;
line-height: 45px;
font-weight: 500;
font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif;
}
.banner p{
max-width: 1200px;
margin: 0 auto;
}
.banner .downloadBtn{margin-top: 20px;}
.downloadBtn{display:inline-block;text-decoration:none;color:#fff;border:1px solid #fac917;padding:10px 15px;border-radius:5px;}
.downloadBtn:hover{background:#fff;color:#20b2bb;}
.jumbotron{
width: 1000px;
margin: 30px auto;
box-shadow: 2px 2px 15px rgba(0,0,0,.3);
display: block;
}
.useFunction{
background-color: #2d3748;
border-radius: 6px;padding:3px;width:420px;
color:#b5f4a5;
margin-top:10px;
font-size:12px;
height:290px;
}
.mainTechLeft{
float: left;
}
.mainTechLeft h3{
font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif;
}
.mainTechRight{
width: 500px;
float: right;
box-shadow: 2px 2px 15px rgba(0,0,0,.3);
}
.copyright{
font-size: 20px;
color: #ccc;
text-align: center;
margin: 40px 0px;
}
.links{
margin-top: 20px;
}
.links a{
color: #20b2bb;
line-height: 23px;
margin: 5px;
}
@media screen and (max-width: 800px) {
.container{
width: 100%;
}
.header .logo{
float: none;
text-align: center;
margin: 20px 0px;
}
.header .navBtn{
margin:5px 0 10px 10px;
float: none;
}
.banner p{
text-align: left;
}
.jumbotron{
width: 100%;
height: auto;
}
.mainTechLeft{
float: none;
}
.mainTechLeft .useFunction{
width: 100%;
}
.mainTechRight{
width: 100%;
float: none;
}
}
.clear{clear:both}
</style>
</head> </head>
<body> <body>
<div class="header"> <div class="header">
<div class="container"> <div class="container">
<h1 class="logo"><a href="/"><img src="../images/logo.png" alt="GOFLY客服" title="GOFLY客服"/></a></h1> <h1 class="logo"><a href="/"><img src="/static/images/logo.png" alt="GOFLY客服" title="GOFLY客服"/></a></h1>
<a class="navBtn" href="/index_en">English</a> <a class="navBtn" href="/index_en">English</a>
<a class="navBtn" href="/index_cn">中文版</a> <a class="navBtn" href="/index_cn">中文版</a>
<a class="navBtn" href="https://github.com/taoshihan1991/go-fly" target="_blank">Github</a> <a class="navBtn" href="https://github.com/taoshihan1991/go-fly" target="_blank">Github</a>
<a class="navBtn" href="/login">管理员</a> <a class="navBtn" href="/login">管理员</a>
<a class="navBtn" href="/static/h5/" target="_blank">移动版</a> <a class="navBtn" href="/static/h5/" target="_blank">H5版</a>
<a class="navBtn" href="https://jd.sopans.com" target="_blank">多商户</a>
<a class="navBtn" href="http://china.sopans.com" target="_blank">演示</a>
</div> </div>
</div> </div>
<div class="clear"></div> <div class="clear"></div>
<div class="banner"> <div class="banner">
<h1>开源 · 免费 · 网页在线客服营销系统</h1> <h1>开源 · 免费 · 网页在线客服营销系统</h1>
<p>GO-FLY一套可独立部署的免费开源客服系统基于GO语言开发二进制文件安装和使用非常简单是一个开箱即用的网页在线客服系统</p> <p>GO-FLY一套可独立部署的免费开源客服系统基于Golang开发编译后的二进制文件可直接使用无需搭开发环境下载zip解压即可仅依赖MySQL数据库是一个开箱即用的网页在线客服系统同时也是首页完全可以编辑的单页营销系统</p>
<p>同时也是首页完全可以编辑的单页营销系统</p>
<p><a href="https://gitee.com/taoshihan/go-fly/attach_files/616920/download/go-fly-0.2.8.zip" class="downloadBtn">下载 GOFLY (Linux/Windows)</a></p> <p><a target="_blank" href="https://dwz.cn/XFf8o2ym" class="downloadBtn">下载 GOFLY0.3.7 (功能增强)</a></p>
</div> </div>
<div class="main">
<img alt="GOFLY在线客服" title="GOFLY在线客服" class="jumbotron" src="https://gofly.sopans.com/static/images/admin.jpg"/> <img alt="GOFLY在线客服" title="GOFLY在线客服" class="jumbotron" src="https://gofly.sopans.com/static/images/admin.jpg"/>
<div class="container mainIntro">
<div class="container"> <div class="product">
<div class="mainTechLeft"> <h3>产品优势</h3>
<h3>立即网页体验</h3> <div class="productContent">
<textarea class="useFunction"> <p>1.使用PHP客服或者JAVA客服时需要安装各种扩展和依赖配置运行环境复杂安装过程耗费心力。市面上大部分客服系统无法在windows系统运行不能做到跨平台部署。</p>
<script src="https://gofly.sopans.com/static/js/gofly-front.js"></script> <p>2.gofly客服安装仅需要下载解压安装包仅依赖MySQL数据库就能够快速部署界面简洁功能完善。</p>
<script> <p>3.gofly客服是golang语言开发天然支持异步协程可以利用多核CPU支持更大流量更高并发。程序可编译后运行无需像PHP每次解释执行执行效率更高</p>
GOFLY.init({
GOFLY_URL:"https://gofly.sopans.com",
GOFLY_KEFU_ID: "kefu2",
GOFLY_BTN_TEXT: "客服在线 欢迎咨询",
GOFLY_LANG:"cn"
})
</script>
</textarea>
</div> </div>
<img src="https://gofly.sopans.com/static/upload/2020December/92df578fa093964a29453fe1863b20a9.jpg" class="mainTechRight"/>
</div> </div>
<div class="clear"></div> <div class="product">
<div class="footer"> <h3>友情链接</h3>
<div class="links"> <div class="productContent">
<a href="https://gofly.sopans.com/chatIndex" target="_blank">网站客服系统</a> <a href="https://gofly.sopans.com/chatIndex" target="_blank">网站客服系统</a>
<a href="https://gofly.sopans.com/chatIndex" target="_blank">免费在线客服</a> <a href="https://gofly.sopans.com/chatIndex" target="_blank">免费在线客服</a>
<a href="https://gofly.sopans.com/chatIndex" target="_blank">网站在线客服</a> <a href="https://gofly.sopans.com/chatIndex" target="_blank">网站在线客服</a>
@ -201,20 +66,26 @@
<a href="https://gofly.sopans.com/chatIndex" target="_blank">在线客服系统源码</a> <a href="https://gofly.sopans.com/chatIndex" target="_blank">在线客服系统源码</a>
<a href="https://gofly.sopans.com/chatIndex" target="_blank">免费在线客服软件</a> <a href="https://gofly.sopans.com/chatIndex" target="_blank">免费在线客服软件</a>
</div> </div>
</div>
</div>
</div>
<div class="container">
<div class="footer">
<div class="copyright"> <div class="copyright">
陶士涵的菜地版权所有© 2020 Copyright Your sopans.com Rights Reserved. Powered By <a href="https://gofly.sopans.com">陶士涵</a> 版权所有© 2020-2021
</div> </div>
</div> </div>
</body> </div>
<!--对接客服代码,安装完成后更改成自己的域名或IP下面js文件路径以及GOFLY_URL都要改-->
<script src="/static/js/gofly-front.js?v=1"></script>
<script src="https://gofly.sopans.com/static/js/gofly-front.js"></script>
<script> <script>
GOFLY.init({ GOFLY.init({
GOFLY_URL:"https://gofly.sopans.com", GOFLY_URL:"",
GOFLY_KEFU_ID: "kefu2", GOFLY_KEFU_ID: "kefu2",
GOFLY_BTN_TEXT: "客服在线 欢迎咨询", GOFLY_BTN_TEXT: "GOFLY在线客服!",
GOFLY_LANG:"cn" GOFLY_LANG:"cn",
}) })
</script> </script>
<!--//对接客服代码-->
</body>
</html> </html>
Loading…
Cancel
Save