后台界面样式调整

master
taoshihan 3 years ago
parent d9b4c590e7
commit dc573856d1

@ -139,7 +139,7 @@
.chatRight{ .chatRight{
height: 100%; height: 100%;
background: #fff; background: #fff;
overflow: scroll!important; overflow-x: hidden;
} }
.onlineUsers { .onlineUsers {
padding: 10px 4px; padding: 10px 4px;
@ -280,8 +280,6 @@ a{color: #07a9fe;text-decoration: none;}
font-size: 12px; font-size: 12px;
min-height: 300px; min-height: 300px;
background: #fff; background: #fff;
margin-top: 5px;
margin-bottom: 50px;
} }
.replyItem:hover{ .replyItem:hover{
background-color: #f0f9eb; background-color: #f0f9eb;
@ -304,7 +302,7 @@ a{color: #07a9fe;text-decoration: none;}
margin-right: 10px; margin-right: 10px;
cursor: pointer; cursor: pointer;
} }
.kefuMainBg{background: #f5f5f5;border: solid 1px #e6e6e6;boder-top:none;} .kefuMainBg{background: #f5f5f5;border-right: solid 1px #e6e6e6;boder-top:none;}
.kefuFuncBtns{background:#fff;margin: 2px 0px;color: #7f7f7f;border-bottom: 1px solid #e6e6e6;font-size: 12px;padding: 5px 0px;} .kefuFuncBtns{background:#fff;margin: 2px 0px;color: #7f7f7f;border-bottom: 1px solid #e6e6e6;font-size: 12px;padding: 5px 0px;}
.kefuFuncBox{ .kefuFuncBox{

@ -547,13 +547,7 @@ var app=new Vue({
}); });
}); });
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?82938760e00806c6c57adee91f39aa5e";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
}, },
//表情点击事件 //表情点击事件
faceIconClick(index){ faceIconClick(index){

@ -396,13 +396,7 @@ new Vue({
_this.initConn(); _this.initConn();
_this.scrollBottom(); _this.scrollBottom();
} }
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?82938760e00806c6c57adee91f39aa5e";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
}, },
//表情点击事件 //表情点击事件
faceIconClick:function(index){ faceIconClick:function(index){

@ -15,7 +15,6 @@
<style> <style>
html, body {overflow:hidden;height: 100%;padding: 0;margin: 0;background-color: #f5f5f5;} html, body {overflow:hidden;height: 100%;padding: 0;margin: 0;background-color: #f5f5f5;}
.el-row{width:100%} .el-row{width:100%}
.chatBg{background: #fff;border: solid 1px #e6e6e6;overflow: hidden;}
.chatLeft{height:100%;margin-left: 4px;overflow:auto;} .chatLeft{height:100%;margin-left: 4px;overflow:auto;}
.chatBgContext .el-row{margin-bottom: 5px;} .chatBgContext .el-row{margin-bottom: 5px;}
.chatBgContext{position: relative;height: 100%;width: 100%;} .chatBgContext{position: relative;height: 100%;width: 100%;}
@ -35,8 +34,8 @@
<body> <body>
<div id="app" class="chatMainPage"> <div id="app" class="chatMainPage">
<template> <template>
<el-row :gutter="2"> <el-row>
<el-col :span="6"> <el-col :span="5">
<div class="chatBg chatLeft"> <div class="chatBg chatLeft">
<el-tabs v-model="leftTabActive" @tab-click="handleTabClick"> <el-tabs v-model="leftTabActive" @tab-click="handleTabClick">
<el-tab-pane label="在线用户" name="first"> <el-tab-pane label="在线用户" name="first">
@ -78,7 +77,7 @@
</el-tabs> </el-tabs>
</div> </div>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="13">
<div class="kefuMainBg chatBgContext"> <div class="kefuMainBg chatBgContext">
<el-alert <el-alert
:closable="false" :closable="false"

@ -169,13 +169,4 @@
}) })
</script> </script>
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?82938760e00806c6c57adee91f39aa5e";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
</html> </html>

@ -142,13 +142,4 @@
}); });
</script> </script>
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?82938760e00806c6c57adee91f39aa5e";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
</html> </html>

Loading…
Cancel
Save