msb-public
/
go-fly
mirror of https://github.com/taoshihan1991/go-fly.git
1
0
Code Issues Projects Releases Wiki Activity

修改聊天样式

Browse Source
pull/30/head
taoshihan1991 4 years ago
parent 3d849161dd
commit dd40ee7b82
2 changed files with 13 additions and 12 deletions
Show Stats Download Patch File Download Diff File

6
static/css/common.css
Unescape View File

@ -4,9 +4,8 @@
border: 1px solid; border: 1px solid;
} }
.visitorFaceBtn{ .visitorFaceBtn{
right: 70px; float: right;
bottom: 50%; margin: 6px 4px 0 0;
position: absolute!important;
} }
.visitorFaceBox{ .visitorFaceBox{
position: absolute; position: absolute;
@ -31,7 +30,6 @@
text-align: left; text-align: left;
text-indent: -9999px; text-indent: -9999px;
direction: ltr; direction: ltr;
margin-bottom: -14px;
position: relative; position: relative;
cursor: pointer; cursor: pointer;
} }

19
static/html/chat_page.html
Unescape View File

@ -19,6 +19,7 @@
height: 100%; height: 100%;
background: rgb(245,245,245); background: rgb(245,245,245);
} }
.chatCenter{background: #fff;max-width: 800px;margin: 0 auto;}
.chatContext{ .chatContext{
padding:0 10px; padding:0 10px;
width: 100%; width: 100%;
@ -70,19 +71,19 @@
.chatBoxMe .el-col-3{float: right;text-align: right;} .chatBoxMe .el-col-3{float: right;text-align: right;}
.chatBoxMe .chatUser{text-align: right} .chatBoxMe .chatUser{text-align: right}
.chatBoxMe .chatContent:after{left:auto;right: -10px;} .chatBoxMe .chatContent:after{left:auto;right: -10px;}
.chatArea{margin: 5px 0 0 5px;} .chatArea{float: left;width: 80%;}
.chatArea .el-textarea__inner{width: 80%;} .btnArea{width: 20%;float: right;}
.chatTitle{height: 30px;line-height: 30px;color: #1989fa} .chatTitle{height: 30px;line-height: 30px;color: #1989fa}
.chatBoxSend{background: #fff;position: fixed;bottom: 0;left: 0;width: 100%;height: 67px;} .chatBoxSend{background: #fff;position: fixed;bottom: 0;width: 100%;height: 67px;max-width: 800px;}
.chatBoxSendBtn{position: absolute;right: 5px;bottom:50%;margin-bottom: -16px;} .chatBoxSendBtn{float: right;margin: 4px 4px 0 0;}
.chatTime{text-align: center;color: #bbb;margin: 5px 0;font-size: 12px;} .chatTime{text-align: center;color: #bbb;margin: 5px 0;font-size: 12px;}
.chatTimeHide{display: none;} .chatTimeHide{display: none;}
.clear{clear:both;} .clear{clear:both;}
</style> </style>
</head> </head>
<body class="text-center"> <body>
<div id="app" style="width:100%"> <div id="app" class="chatCenter">
<template> <template>
<!--客服代码--> <!--客服代码-->
<div class="chatContext"> <div class="chatContext">
@ -117,8 +118,10 @@
</ul> </ul>
<div class="clear"></div> <div class="clear"></div>
</div> </div>
<div class="faceBtn visitorFaceBtn"></div> <div class="btnArea">
<el-button type="primary" class="chatBoxSendBtn" size="small" v-on:click="chatToUser">{{.SendBtn}}</el-button> <el-button type="primary" class="chatBoxSendBtn" size="small" v-on:click="chatToUser">{{.SendBtn}}</el-button>
<div class="faceBtn visitorFaceBtn"></div>
</div>
</div> </div>
<!--//客服代码--> <!--//客服代码-->

Write Preview
Loading…
Cancel
Save