From 4982109af34202bb97ced235defd79c843430e14 Mon Sep 17 00:00:00 2001
From: TsMask <340112800@qq.com>
Date: Sat, 8 Mar 2025 10:36:42 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E4=BC=98=E5=8C=96PacketTable=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6=E7=9A=84=E6=BB=9A=E5=8A=A8=E6=9D=A1=E6=A0=B7=E5=BC=8F?=
 =?UTF-8?q?=E5=92=8C=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../tshark/components/PacketTable.vue         | 27 +++++++++++++------
 1 file changed, 19 insertions(+), 8 deletions(-)

diff --git a/src/views/traceManage/tshark/components/PacketTable.vue b/src/views/traceManage/tshark/components/PacketTable.vue
index 1b1a8874..3b7300b3 100644
--- a/src/views/traceManage/tshark/components/PacketTable.vue
+++ b/src/views/traceManage/tshark/components/PacketTable.vue
@@ -234,19 +234,14 @@ watchEffect(() => {
   text-align: right;
 }
 .thead-item:nth-child(2),
-.tbody-item:nth-child(2) {
-  flex-basis: 8rem;
-  width: 8rem;
-}
+.tbody-item:nth-child(2),
 .thead-item:nth-child(3),
-.tbody-item:nth-child(3) {
-  flex-basis: 8rem;
-  width: 8rem;
-}
+.tbody-item:nth-child(3),
 .thead-item:nth-child(4),
 .tbody-item:nth-child(4) {
   flex-basis: 8rem;
   width: 8rem;
+  overflow-y: auto;
 }
 .thead-item:nth-child(5),
 .tbody-item:nth-child(5) {
@@ -271,16 +266,32 @@ watchEffect(() => {
 }
 
 /* 修改滚动条的样式 */
+.thead-item:nth-child(2)::-webkit-scrollbar,
+.tbody-item:nth-child(2)::-webkit-scrollbar,
+.tbody-item:nth-child(3)::-webkit-scrollbar,
+.tbody-item:nth-child(4)::-webkit-scrollbar,
 .tbody-item:nth-child(7)::-webkit-scrollbar {
   width: 4px; /* 设置滚动条宽度 */
   height: 4px;
 }
+.thead-item:nth-child(2)::-webkit-scrollbar-track,
+.tbody-item:nth-child(2)::-webkit-scrollbar-track,
+.tbody-item:nth-child(3)::-webkit-scrollbar-track,
+.tbody-item:nth-child(4)::-webkit-scrollbar-track,
 .tbody-item:nth-child(7)::-webkit-scrollbar-track {
   background-color: #f0f0f0; /* 设置滚动条轨道背景颜色 */
 }
+.thead-item:nth-child(2)::-webkit-scrollbar-thumb,
+.tbody-item:nth-child(2)::-webkit-scrollbar-thumb,
+.tbody-item:nth-child(3)::-webkit-scrollbar-thumb,
+.tbody-item:nth-child(4)::-webkit-scrollbar-thumb,
 .tbody-item:nth-child(7)::-webkit-scrollbar-thumb {
   background-color: #bfbfbf; /* 设置滚动条滑块颜色 */
 }
+.thead-item:nth-child(2)::-webkit-scrollbar-thumb:hover,
+.tbody-item:nth-child(2)::-webkit-scrollbar-thumb:hover,
+.tbody-item:nth-child(3)::-webkit-scrollbar-thumb:hover,
+.tbody-item:nth-child(4)::-webkit-scrollbar-thumb:hover,
 .tbody-item:nth-child(7)::-webkit-scrollbar-thumb:hover {
   background-color: #1890ff; /* 设置鼠标悬停时滚动条滑块颜色 */
 }