From 2c2822e9cf7aed5b3f4bb97d820dd7fea04e7601 Mon Sep 17 00:00:00 2001
From: cxt104926 <1049266034@qq.com>
Date: Sat, 26 Jun 2021 23:34:39 +0800
Subject: [PATCH] =?UTF-8?q?=E8=81=8A=E5=A4=A9=E7=95=8C=E9=9D=A2=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/Service/chat/index.vue | 30 +++++++++++++++++++++---------
 1 file changed, 21 insertions(+), 9 deletions(-)

diff --git a/src/views/Service/chat/index.vue b/src/views/Service/chat/index.vue
index b943a09..8050c77 100644
--- a/src/views/Service/chat/index.vue
+++ b/src/views/Service/chat/index.vue
@@ -2,14 +2,16 @@
   <section>
     <div class="chat-section">
       <div class="leftDiv">
-        <ul class="infinite-list">
-          <li class="infinite-list-head">
-            <img :src="userInfo.headImg"/>{{ userInfo.name }}
-          </li>
-          <li v-for="item in friends" :key="item.id" @click="chat(item)" class="infinite-list-item">
-            <img :src="item.headImg"/>{{ item.name }}
-          </li>
-        </ul>
+        <li class="infinite-list-head">
+          <img :src="userInfo.headImg"/>{{ userInfo.name }}
+        </li>
+        <div class="friends-list">
+          <ul class="infinite-list">
+            <li v-for="item in friends" :key="item.id" @click="chat(item)" class="infinite-list-item">
+              <img :src="item.headImg"/>{{ item.name }}
+            </li>
+          </ul>
+        </div>
       </div>
       <div class="chat-div">
         <div class="chat-title"><span>{{ current.name }}</span></div>
@@ -229,11 +231,21 @@ export default {
 /* 左边的列表 */
 .leftDiv {
   width: 20%;
-  height: 100.5%;
+  height: 100.2%;
   float: left;
   background-color: #2e2e2e;
 }
 
+.friends-list{
+  overflow-y: auto;
+  overflow-x: hidden;
+  height: 87%;
+}
+
+.friends-list::-webkit-scrollbar {
+  display: none;
+}
+
 .infinite-list {
   padding: 0;
   margin: 0;
-- 
GitLab