ic聊天样式修改

Application/Home/View/Chat/index.html

@@ -65,7 +65,8 @@
                                         accept="image/gif, image/jpeg,image/jpg, image/png,image/bmp">
                                 </div>
                                 <div class="edit_input">
-                                    <textarea id="chat_textarea" class="chat_textarea"></textarea>
+                                    <textarea id="chat_textarea" class="chat_textarea" placeholder="在此输入发送的信息"></textarea>
+                                    <div class="send_btn  btn_blue btn">发送</div>
 
                                 </div>
                             </div>

dist/css/chat.css

@@ -147,13 +147,32 @@
 }
 .chat_content .content .content_div .notice_right .edit_content .edit_input {
   height: 100px;
-  padding: 10px;
+  padding: 15px;
+  background: #F5F9FC;
+  border: 1px solid #E6ECF2;
+  border-top: none;
+  position: relative;
 }
 .chat_content .content .content_div .notice_right .edit_content .edit_input .chat_textarea {
   height: 100%;
   width: 100%;
   line-height: 20px;
   resize: none;
+  background: #F5F9FC;
+  font-size: 14px;
+  color: #515559;
+}
+.chat_content .content .content_div .notice_right .edit_content .edit_input .send_btn {
+  font-size: 16px;
+  color: #fff;
+  border-radius: 3px;
+  height: 30px;
+  width: 80px;
+  line-height: 30px;
+  position: absolute;
+  bottom: 15px;
+  right: 15px;
+  margin: 0;
 }
 .chat_content .content .content_div .notice_right .title {
   border-bottom: 2px solid #E6ECF2;
@@ -288,4 +307,3 @@
 .chat_content .content .content_div .notice_right .notice_list .notice_item .notice_content .template .template_right .template_right_bottom div i {
   color: #515559;
 }
-/*# sourceMappingURL=chat.css.map */
\ No newline at end of file

dist/css/chat.less

@@ -179,13 +179,31 @@
 
                     .edit_input {
                         height: 100px;
-                        padding: 10px;
-
+                        padding:15px;
+                        background: #F5F9FC;
+                        border:1px solid #E6ECF2;
+                        border-top: none;
+                        position: relative;
                         .chat_textarea {
                             height: 100%;
                             width: 100%;
                             line-height: 20px;
                             resize: none;
+                            background: #F5F9FC;
+                            font-size: 14px;
+                            color:#515559;
+                        }
+                        .send_btn{
+                            font-size: 16px;
+                            color:#fff;
+                            border-radius: 3px;
+                            height:30px;
+                            width:80px;
+                            line-height: 30px;
+                            position: absolute;
+                            bottom:15px;
+                            right:15px;
+                            margin:0;
 
                         }
                     }

dist/js/chat/index.js

@@ -44,7 +44,7 @@ $(function () {
                 "token": Util.getCookie('token') || '',
             }, function (res) {
                 if (res.errcode == 0) {
-                    self.img = res.data.avatar||(res.data.wechat_oauth?(res.data.wechat_oauth.oauth_head||''):'');
+                    self.img = res.data.avatar || (res.data.wechat_oauth ? (res.data.wechat_oauth.oauth_head || '') : '');
                     console.log(self.img)
                     self.name = res.data.company_name || '--';
                     self.id = res.data.user_id + '';
@@ -624,10 +624,10 @@ $(function () {
                     //            console.log('Error', WebIM.utils.stringify(message));
                     // console.log('onError: ', message);
                     if (message.type == 206) {
-                        try{
-                            WebIM.conn.close();//断开im重新登入
+                        try {
+                            WebIM.conn.close(); //断开im重新登入
 
-                        }catch(e){
+                        } catch (e) {
                             console.log(e)
                         }
                         layer.open({
@@ -759,7 +759,7 @@ $(function () {
             // console.log(msg.body)
             this.conn.send(msg.body);
         },
-        sendCmd: function (templateObj) {//发送模板
+        sendCmd: function (templateObj) { //发送模板
             var self = this;
             var userId = $('.notice_left ').find('.active').attr('userid');
             var touserid = $('.notice_left ').find('.active').attr('touserid');
@@ -776,11 +776,11 @@ $(function () {
                 touserid: touserid,
                 name1: name,
                 img1: img,
-                isTemplate:'1'
+                isTemplate: '1'
             });
-             delete params.targetId;
-             delete params.userImg;
-             delete params.userName;
+            delete params.targetId;
+            delete params.userImg;
+            delete params.userName;
             //  console.log(params)
             if (status == 2) {
                 layer.msg('该用户已被拉黑');
@@ -884,6 +884,12 @@ $(function () {
                     }
                 }
             });
+            $('.send_btn').on('click', function () {
+                var val = $('#chat_textarea').val();
+                if (val) {
+                    self.sendPrivateText(val, {})
+                }
+            });
             $('.pic').on('click', function () {
                 $('#img_upload').click();
             });

dist/js/global/global.min.js

@@ -175,12 +175,12 @@
         }
       });
       $('#nav_logo').on('click', function () {
-        var token = Util.getCookie('token') || "";
-        if (token) {
-          window.location.href = '/';
-        } else {
+        // var token = Util.getCookie('token') || "";
+        // if (token) {
+        //   window.location.href = '/';
+        // } else {
           window.location.href = index_url;
-        }
+        // }
       })
 
       //退出