界面调整

controller/visitor.go

@@ -61,9 +61,9 @@ func PostVisitorLogin(c *gin.Context) {
 	avator:=""
 	userAgent := c.GetHeader("User-Agent")
 	if tools.IsMobile(userAgent) {
-		avator = "/static/images/phone.png"
+		avator = "/static/images/1.png"
 	} else {
-		avator = "/static/images/computer.png"
+		avator = "/static/images/2.png"
 	}
 
 	toId := c.PostForm("to_id")

middleware/domain_limit.go

@@ -2,34 +2,11 @@ package middleware
 
 import (
 	"github.com/gin-gonic/gin"
-	"github.com/taoshihan1991/imaptool/tools"
-	"log"
 )
 
 /**
 域名中间件
 */
 func DomainLimitMiddleware(c *gin.Context) {
-	//离线或者远程
-	if !CheckBindOffcial(c) {
-		c.Abort()
-		return
-	}
 
 }
-
-
-//绑定官网账户
-func CheckBindOffcial(c *gin.Context) bool {
-	res, err := tools.HTTPGet("https://gofly.v1kf.com/2/isBindOfficial")
-	if err != nil {
-		log.Println("离线授权码失败,认证连接失败")
-		c.Redirect(302, "/bind")
-		c.Abort()
-	}
-	if string(res) != "success" {
-		c.Redirect(302, "/bind")
-		c.Abort()
-	}
-	return true
-}

static/css/common.css

@@ -2,7 +2,7 @@
 .floatRight{float: right;}
 .clear{clear: both;}
 .visitorBody{
-    background-color: #eef0f6;
+    background-color: #4c4c4c;
 }
 .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
     font-family: inherit;
@@ -167,7 +167,7 @@
 }
 .chatCenter {
     background: #fff;
-    max-width: 960px;
+    max-width: 840px;
     margin: 0 auto;
     box-shadow: 2px 2px 6px rgba(0,0,0,.3);
     border-top: none;
@@ -225,8 +225,8 @@
 }
 .chatBoxMe .chatContent2 {
     border-radius: 8px 0px 8px 8px;
-    background-color: rgb(0, 145, 255);
+    background-color: #cde0ff;
-    color: rgb(255, 255, 255);
+    color: #000;
 }
 a{color: #07a9fe;text-decoration: none;}
 
@@ -343,7 +343,7 @@ a{color: #07a9fe;text-decoration: none;}
     width: 100%;
     z-index: 9;
     margin: 0 auto;
-    height: 70px;
+    height: 56px;
     overflow: hidden;
     font-size: 16px;
     color: #fff;
@@ -380,9 +380,9 @@ a{color: #07a9fe;text-decoration: none;}
 }
 @media screen and (min-width: 900px) {
     .chatCenter {
-        max-height: 800px;
+        max-height: 650px;
         box-shadow: 0 2px 8px rgba(0,0,0,.15);
-        border-radius: 4px;
+        border-radius: 8px;
     }
     .chatVisitorPage {
         height: calc(100% - 156px);
@@ -410,7 +410,7 @@ a{color: #07a9fe;text-decoration: none;}
         overflow-y: auto;
     }
     .hotQuestionTitle {
-        padding: 15px 10px 10px 10px;
+        padding: 10px 10px 10px 10px;
         border-bottom: 1px solid rgba(0,0,0,.09);
         font-size: 16px;
         display: flex;
@@ -431,7 +431,7 @@ a{color: #07a9fe;text-decoration: none;}
 }
 .visitorEditorBtn{
     position: absolute;
-    right: 2px;
+    right: 10px;
     bottom: 2px;
 }
 .mainLeftMenu {

static/css/icon/iconfont.css

@@ -0,0 +1,51 @@
+@font-face {
+  font-family: "iconfont"; /* Project id 3864484 */
+  src: url('iconfont.woff2?t=1678338039263') format('woff2'),
+       url('iconfont.woff?t=1678338039263') format('woff'),
+       url('iconfont.ttf?t=1678338039263') format('truetype');
+}
+
+.iconfont {
+  font-family: "iconfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-more:before {
+  content: "\e867";
+}
+
+.icon-zengjiatianjiajiahao:before {
+  content: "\e62a";
+}
+
+.icon-jianshaominimize3:before {
+  content: "\e68b";
+}
+
+.icon-folder-fill:before {
+  content: "\e7c4";
+}
+
+.icon-jietu:before {
+  content: "\e611";
+}
+
+.icon-duoyuyan:before {
+  content: "\e606";
+}
+
+.icon-jiahao:before {
+  content: "\eaf3";
+}
+
+.icon-xiaolian:before {
+  content: "\ec80";
+}
+
+.icon-fasong:before {
+  content: "\e604";
+}
+

static/css/icon/iconfont.json

@@ -0,0 +1,72 @@
+{
+  "id": "3864484",
+  "name": "我的客服",
+  "font_family": "iconfont",
+  "css_prefix_text": "icon-",
+  "description": "",
+  "glyphs": [
+    {
+      "icon_id": "18991683",
+      "name": "more",
+      "font_class": "more",
+      "unicode": "e867",
+      "unicode_decimal": 59495
+    },
+    {
+      "icon_id": "8817897",
+      "name": "增加添加加号",
+      "font_class": "zengjiatianjiajiahao",
+      "unicode": "e62a",
+      "unicode_decimal": 58922
+    },
+    {
+      "icon_id": "608294",
+      "name": "减少",
+      "font_class": "jianshaominimize3",
+      "unicode": "e68b",
+      "unicode_decimal": 59019
+    },
+    {
+      "icon_id": "6151130",
+      "name": "folder-fill",
+      "font_class": "folder-fill",
+      "unicode": "e7c4",
+      "unicode_decimal": 59332
+    },
+    {
+      "icon_id": "13397103",
+      "name": "截图",
+      "font_class": "jietu",
+      "unicode": "e611",
+      "unicode_decimal": 58897
+    },
+    {
+      "icon_id": "10598085",
+      "name": "language,多语言",
+      "font_class": "duoyuyan",
+      "unicode": "e606",
+      "unicode_decimal": 58886
+    },
+    {
+      "icon_id": "5387527",
+      "name": "加号",
+      "font_class": "jiahao",
+      "unicode": "eaf3",
+      "unicode_decimal": 60147
+    },
+    {
+      "icon_id": "6337465",
+      "name": "笑脸",
+      "font_class": "xiaolian",
+      "unicode": "ec80",
+      "unicode_decimal": 60544
+    },
+    {
+      "icon_id": "1418205",
+      "name": "发送",
+      "font_class": "fasong",
+      "unicode": "e604",
+      "unicode_decimal": 58884
+    }
+  ]
+}

static/templates/chat_main.html

@@ -95,12 +95,12 @@
                             <el-row :gutter="2" v-for="v in msgList" v-bind:class="{'chatBoxMe': v.is_kefu==true}">
                                 <div class="chatTime"><{v.time}></div>
                                 <div class="chatRow">
-                                    <el-avatar v-if="v.is_kefu==false" class="chatRowAvator" shape="square" :size="48" :src="v.avator"></el-avatar>
+                                    <el-avatar v-if="v.is_kefu==false" class="chatRowAvator" :size="48" :src="v.avator"></el-avatar>
                                     <div class="chatMsgContent">
                                         <div class="chatUser"><{v.name}></div>
                                         <div class="chatContent" v-html="v.content"></div>
                                     </div>
-                                    <el-avatar v-if="v.is_kefu==true" class="chatRowAvator" shape="square" :size="48" :src="v.avator"></el-avatar>
+                                    <el-avatar v-if="v.is_kefu==true" class="chatRowAvator" :size="48" :src="v.avator"></el-avatar>
                                 </div>
                             </el-row>
                         </div>

static/templates/chat_page.html

@@ -16,6 +16,7 @@
     <link rel="stylesheet" href="/static/css/front.css?v=1.0.0" />
     <link rel="stylesheet" href="/static/css/common.css?v=sdsderfrgfgdfdf" />
     <link rel="stylesheet" href="/static/css/icono.min.css" />
+    <link rel="stylesheet" href="/static/css/icon/iconfont.css?v=fgjlgfda"/>
 </head>
 <body class="visitorBody">
 <div id="app"  class="chatCenter">
@@ -37,7 +38,6 @@
                         <div v-if="v.is_kefu!=true" style="display: flex;">
                             <el-avatar style="margin-right:10px;flex-shrink: 0;"  :size="36" :src="v.avator"></el-avatar>
                             <div class="chatMsgContent">
-                                <div class="chatUser"><{v.name}></div>
                                 <div class="chatContent chatContent2 replyContentBtn" v-html="v.content"></div>
                             </div>
                         </div>
@@ -53,7 +53,7 @@
 
                 <div class="visitorIconBox">
                     <el-tooltip content="发送表情" placement="top">
-                        <div class="iconBtn faceBtn el-icon-s-shop" style="font-size: 24px;" @click.stop="showFaceIcon==true?showFaceIcon=false:showFaceIcon=true"></div>
+                        <div class="iconBtn iconfont icon-xiaolian" style="margin-left:10px;font-size: 24px;cursor: pointer;" @click.stop="showFaceIcon==true?showFaceIcon=false:showFaceIcon=true"></div>
                     </el-tooltip>
 
                     <el-tooltip content="上传图片" placement="top">