🎋 table style

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;
+  }
+}

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>