更新图标样式

4 years ago · eb420bc1af
parent d9179a9edf
commit eb420bc1af
4 changed files with 13 additions and 8 deletions
--- a/static/css/common.css
+++ b/static/css/common.css
@ -21,9 +21,13 @@
 }
 .iconBtns{
    border-top:1px solid #e4e4e4;
-    border-bottom:1px solid #e4e4e4;
+    color: #b2b2b2;
    padding: 2px 0;
 }
+.iconBtns div{
+    margin-right: 10px;
+    cursor: pointer;
+}
 .visitorFaceBtn{
    float: left;
    margin-left: 5px;
--- a/static/css/icono.min.css
+++ b/static/css/icono.min.css
--- a/static/html/chat_page.html
+++ b/static/html/chat_page.html
@ -14,6 +14,7 @@
    <!-- Bootstrap core CSS -->
    <link rel="stylesheet" href="/static/css/front.css?v=1.0.0" />
    <link rel="stylesheet" href="/static/css/common.css?v=1.0.0" />
+    <link rel="stylesheet" href="/static/css/icono.min.css" />
 </head>
 <body>
 <div id="app"  class="chatCenter">
@ -27,8 +28,6 @@
                        :closable="false"
                        type="success">
                </el-alert>
-                <div class="el-alert el-alert--info is-center is-light el-alert__title" v-show="msgListNum>1" v-on:click="getMesssagesByVisitorId(true)"><i class="el-icon-info" ></i>&nbsp;<{flyLang['moremessage']}></div>
-
                <el-row :gutter="2" v-show="replys.length>0">
                    <el-col :span="3"><el-avatar shape="square" :size="36" :src="noticeAvatar"></el-avatar></el-col>
                    <el-col :span="21">
@ -56,9 +55,10 @@
        </div>
        <div class="chatBoxSend">
            <div class="iconBtns">
-                <div class="faceBtn visitorFaceBtn"></div>
-                <div class="imageBtn visitorImageBtn" id="uploadImg" v-on:click="uploadImg('/uploadimg')"></div>
-                <div class="folderBtn visitorFolderBtn" id="uploadFile" v-on:click="uploadFile('/uploadfile')"></div>
+                <div class="icono-smile visitorFaceBtn"></div>
+                <div class="icono-image visitorImageBtn" id="uploadImg" v-on:click="uploadImg('/uploadimg')"></div>
+                <div class="icono-folder visitorFolderBtn" id="uploadFile" v-on:click="uploadFile('/uploadfile')"></div>
+                <div class="icono-comment visitorHistoryBtn"  v-on:click="getMesssagesByVisitorId(true)"></div>
                <div class="clear"></div>
            </div>
            <el-input type="textarea" @focus="textareaFocus" @blur="textareaBlur" class="chatArea" v-model="messageContent"  @keyup.native="inputNextText" v-on:keyup.enter.native="chatToUser" :placeholder="flyLang.textarea"></el-input>
--- a/static/js/chat-page.js
+++ b/static/js/chat-page.js
@ -207,7 +207,7 @@ new Vue({
                    }
                    _this.visitor=res.result;
                    _this.setCache("visitor",res.result);
-                    _this.getMesssagesByVisitorId();
+                    //_this.getMesssagesByVisitorId();
                    _this.initConn();
                });
            // }else{
@ -363,7 +363,7 @@ new Vue({
                $.each(faceTitles, function (index, item) {
                    _this.face.push({"name":item,"path":faces[item]});
                });
-                $(".faceBtn").click(function(e){
+                $(".visitorFaceBtn").click(function(e){
                    var status=$('.faceBox').css("display");
                    if(status=="block"){
                        $('.faceBox').hide();