Browse Source

update src

luke 6 năm trước cách đây
mục cha
commit
89cc704825
2 tập tin đã thay đổi với 44 bổ sung14 xóa
  1. 15 14
      pc_chat/src/components/chat.vue
  2. 29 0
      pc_chat/src/css/index.css

+ 15 - 14
pc_chat/src/components/chat.vue

@@ -398,18 +398,18 @@
 							</div>
 
 							<div class="row center allAlignment chattingBox">
-								<div style="height:44px;width:300px;">
-									<textarea name=""
-											  class="scroll"
-											  id="information"
-											  v-model.trim="information"
-											  cols="30"
-											  rows="1"
-											  autofocus
-											  placeholder="请输入你的问题:"
-											  @keyup.enter="listenEnter($event)"
-									>
-									</textarea>
+								<div style="width:300px;">
+									<el-input
+											type="textarea"
+											maxlength="450"
+											show-word-limit
+											class="scroll"
+											id="information"
+											v-model.trim="information"
+											autofocus
+											placeholder="请输入你的问题:"
+											@keyup.enter="listenEnter($event)">
+									</el-input>
 								</div>
 								<div>
 									<!-- 准备修改 -->
@@ -1020,8 +1020,8 @@
 					this.returnTimer = '';
 					this.service_on = true;
 					this.historyMsg = false,
-						// this.automaticRolling();
-						this.customerSviceChat = [];
+					// this.automaticRolling();
+					this.customerSviceChat = [];
 					this.reconnect();
 					this.selNum = 0;
 					this.tokNum = 0;
@@ -2221,6 +2221,7 @@
 		border-radius: 5px;
 		text-align: center;
 		margin-left: 20px;
+		margin-top: 25px;
 	}
 
 	.sendOut span {

+ 29 - 0
pc_chat/src/css/index.css

@@ -219,4 +219,33 @@ body {
     width: 100px !important;
     height: 100px !important;
     line-height: 100px !important;
+}
+.chattingBox .el-textarea__inner{
+    padding:5px 10px !important;
+    height: 75px !important;
+}
+
+.chattingBox .el-textarea__inner::-webkit-scrollbar {
+    border: .02rem solid #FFF;
+}
+
+.chattingBox .el-textarea__inner::-webkit-scrollbar {
+    width: .4rem;
+    height: .04rem;
+}
+
+.chattingBox .el-textarea__inner::-webkit-scrollbar-button {
+    width: 0px;
+    height: 0px;
+}
+
+.chattingBox .el-textarea__inner::-webkit-scrollbar-thumb {
+    border-radius: .4rem;
+    box-shadow: inset 0 0 0 .04rem #aaa;
+    border: .02rem solid transparent;
+}
+
+.chattingBox .el-textarea__inner::-webkit-scrollbar-track {
+    display: block;
+    background: rgba(0, 0, 0, 0.1);
 }