luke 6 years ago
parent
commit
d4698db227
1 changed files with 35 additions and 6 deletions
  1. 35 6
      pc_chat/src/components/chat.vue

+ 35 - 6
pc_chat/src/components/chat.vue

@@ -25,13 +25,13 @@
 
 				<!--****************************** 聊天会话框模块 *****************************-->
 				<el-main>
-					<el-row class="pd informationBox" id="main">
+					<!-- 广告展示隐藏按钮 -->
+					<div class="retract pointer" @click="retract()">
+						<img src="./../assets/st-img/retract.png" alt="" v-if="retractShow">
+						<img src="./../assets/st-img/retract2.png" alt="" v-else>
+					</div>
 
-						<!-- 广告展示隐藏按钮 -->
-						<div class="retract pointer" @click="retract()">
-							<img src="./../assets/st-img/retract.png" alt="" v-if="retractShow">
-							<img src="./../assets/st-img/retract2.png" alt="" v-else>
-						</div>
+					<el-row class="pd informationBox scroll" id="main">
 
 						<!-------------------机器人聊天板块 ----------------------->
 						<div v-if="machineAndAtl == 10">
@@ -1862,5 +1862,34 @@
 		position: absolute;
 		right: 0;
 		top: 225px;
+		z-index: 999;
+	}
+
+	/* 滚动条样式 */
+
+	.scroll::-webkit-scrollbar {
+		border: 5px solid #fff;
+	}
+
+	.scroll::-webkit-scrollbar {
+		width: 5px;
+		height: 20px;
 	}
+
+	.scroll::-webkit-scrollbar-button {
+		width: 0px;
+		height: 0px;
+	}
+
+	.scroll::-webkit-scrollbar-thumb {
+		border-radius: 5px;
+		box-shadow: inset 0 0 0 5px #aaa;
+		border: .02rem solid transparent;
+	}
+
+	.scroll::-webkit-scrollbar-track {
+		display: block;
+		background: rgba(0, 0, 0, 0.1);
+	}
+
 </style>