From 5f48f46cbc0a43e69fa09ca7d584fd77014b2224 Mon Sep 17 00:00:00 2001
From: Hunlongyu <hunlongyu@gmail.com>
Date: Mon, 19 Oct 2020 09:35:50 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=8B=20table=20style?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/scss/style.scss | 15 +++++++++++++++
 src/components/IPTV.vue    |  4 +---
 2 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/src/assets/scss/style.scss b/src/assets/scss/style.scss
index 68f25ec..f572704 100644
--- a/src/assets/scss/style.scss
+++ b/src/assets/scss/style.scss
@@ -294,3 +294,18 @@
     }
   }
 }
+
+.el-table--scrollable-y .el-table__body-wrapper{
+  &::-webkit-scrollbar{
+    width: 5px;
+    height: 1px;
+  }
+  &::-webkit-scrollbar-thumb {
+    border-radius: 10px;
+    position: absolute;
+  }
+  &::-webkit-scrollbar-track {
+    border-radius: 10px;
+    position: absolute;
+  }
+}
\ No newline at end of file
diff --git a/src/components/IPTV.vue b/src/components/IPTV.vue
index 73da2d9..3ec9a23 100644
--- a/src/components/IPTV.vue
+++ b/src/components/IPTV.vue
@@ -14,8 +14,6 @@
         <div class="zy-select">
           <div class="vs-placeholder vs-noAfter" @click="resetSitesEvent">重置</div>
         </div>
-        <div style="width: 200px; height: 30px;">
-        </div>
       </div>
       <div class="detail-header">
         <div>
@@ -37,7 +35,7 @@
             <ul>
               <draggable v-model="iptvList" @change="listUpdatedEvent">
                 <transition-group>
-                  <li v-for="(i, j) in iptvList" :key="j" @click.stop="playEvent(i)" v-show="containsearchTxt(i)">
+                  <li v-for="i in iptvList" :key="i.name" @click.stop="playEvent(i)" v-show="containsearchTxt(i)">
                     <span class="name">{{i.name}}</span>
                     <span class="operate">
                       <span class="btn" @click.stop="moveToTopEvent(i)">置顶</span>