From 14758a4ba9d7606b1d99f347b31c020cabffd513 Mon Sep 17 00:00:00 2001
From: yezhichao <651778286@qq.com>
Date: Thu, 2 Dec 2021 13:10:48 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/render/components/ScrollBoardTable.vue | 38 ++++++++++++++++++++--
 1 file changed, 36 insertions(+), 2 deletions(-)

diff --git a/src/render/components/ScrollBoardTable.vue b/src/render/components/ScrollBoardTable.vue
index fa50e86..bd7efa9 100644
--- a/src/render/components/ScrollBoardTable.vue
+++ b/src/render/components/ScrollBoardTable.vue
@@ -11,7 +11,7 @@
       />
     </div>
 
-    <div class="table-body flex-grow">
+    <div class="table-body flex-grow overflow-y-auto">
       <div
         class="row-item flex"
         v-for="(row, ri) in data.satellites"
@@ -43,7 +43,18 @@ const evenRowBGC = '#0A2732'
 
 const header = ['卫星编号', '仰角', '方位角', '载噪比']
 const data = reactive({
-  satellites: []
+  satellites: [
+    // {id: 0, svid: 1, cn: 2, sd: 3},
+    // {id: 0, svid: 1, cn: 2, sd: 3},
+    // {id: 0, svid: 1, cn: 2, sd: 3},
+    // {id: 0, svid: 1, cn: 2, sd: 3},
+    // {id: 0, svid: 1, cn: 2, sd: 3},
+    // {id: 0, svid: 1, cn: 2, sd: 3},
+    // {id: 0, svid: 1, cn: 2, sd: 3},
+    // {id: 0, svid: 1, cn: 2, sd: 3},
+    // {id: 0, svid: 1, cn: 2, sd: 3},
+    // {id: 0, svid: 1, cn: 2, sd: 3},
+  ]
 })
 
 const update = (GSVArr: Array<any>) => {
@@ -65,6 +76,29 @@ defineExpose({ update })
   background-color: rgb(25, 129, 246);
 }
 
+.table-body {
+  height: 342px;
+}
+
+.table-body::-webkit-scrollbar {
+  width: 0;
+}
+
+.table-body:hover::-webkit-scrollbar {
+  width: 12px;
+}
+
+.table-body:hover::-webkit-scrollbar-thumb {
+    border-radius: 10px;
+    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
+    background-color: rgb(25, 129, 246);
+}
+
+.table-body:hover::-webkit-scrollbar-track {
+    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
+    background-color: #111827;
+}
+
 .row-item {
   line-height: 38px;
 }