From 8817d39d49a9e5a6522e022454337857cb0cc8ea Mon Sep 17 00:00:00 2001
From: haiyangcui <cuiocean@gmail.com>
Date: Wed, 21 Oct 2020 16:25:15 +0200
Subject: [PATCH] =?UTF-8?q?IPTV=E6=90=9C=E7=B4=A2=E7=A7=BB=E5=88=B0?=
 =?UTF-8?q?=E8=A1=A8=E5=A4=B4=E4=BD=8D=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/scss/style.scss       |  3 +++
 src/assets/scss/theme/dark.scss  |  7 +++++++
 src/assets/scss/theme/green.scss |  7 +++++++
 src/assets/scss/theme/light.scss |  7 +++++++
 src/assets/scss/theme/pink.scss  |  7 +++++++
 src/components/IPTV.vue          | 14 ++++++++------
 6 files changed, 39 insertions(+), 6 deletions(-)

diff --git a/src/assets/scss/style.scss b/src/assets/scss/style.scss
index e95a3ba..b04fc16 100644
--- a/src/assets/scss/style.scss
+++ b/src/assets/scss/style.scss
@@ -242,6 +242,9 @@
         height: 100%;
         overflow-y: auto;
       }
+      .el-input{
+        width: 200px;
+      }
       .el-table__body td,.el-table__body th{
         height: 50px;
         border-bottom: 1px solid;
diff --git a/src/assets/scss/theme/dark.scss b/src/assets/scss/theme/dark.scss
index 3f7b59a..3d9c38f 100644
--- a/src/assets/scss/theme/dark.scss
+++ b/src/assets/scss/theme/dark.scss
@@ -387,6 +387,13 @@
           color: var(--d-fc-1);
           background-color: var(--d-bgc-1);
          }
+         .el-input{
+          input{
+            background-color: var(--d-bgc-2);
+            border: 1px solid var(--d-bgc-2);
+            color: var(--d-fc-1);
+          }
+        }
         .el-table__header th, .el-table__header tr, .el-table__body td,.el-table__body th{
           color: var(--d-fc-1);
           background-color: var(--d-bgc-1);
diff --git a/src/assets/scss/theme/green.scss b/src/assets/scss/theme/green.scss
index 4580d48..63c6735 100644
--- a/src/assets/scss/theme/green.scss
+++ b/src/assets/scss/theme/green.scss
@@ -383,6 +383,13 @@
           color: var(--g-fc-1);
           background-color: var(--g-bgc-1);
          }
+         .el-input{
+          input{
+            background-color: var(--g-bgc-2);
+            border: 1px solid var(--g-bgc-2);
+            color: var(--g-fc-1);
+          }
+        }
         .el-table__header th, .el-table__header tr, .el-table__body td,.el-table__body th{
           color: var(--g-fc-1);
           background-color: var(--g-bgc-1);
diff --git a/src/assets/scss/theme/light.scss b/src/assets/scss/theme/light.scss
index 3696e58..a7247e2 100644
--- a/src/assets/scss/theme/light.scss
+++ b/src/assets/scss/theme/light.scss
@@ -383,6 +383,13 @@
           color: var(--l-fc-1);
           background-color: var(--l-bgc-1);
          }
+         .el-input{
+          input{
+            background-color: var(--l-bgc-2);
+            border: 1px solid var(--l-bgc-2);
+            color: var(--l-fc-1);
+          }
+        }
         .el-table__header th, .el-table__header tr, .el-table__body td,.el-table__body th{
           color: var(--l-fc-1);
           background-color: var(--l-bgc-1);
diff --git a/src/assets/scss/theme/pink.scss b/src/assets/scss/theme/pink.scss
index 91fee51..2f664df 100644
--- a/src/assets/scss/theme/pink.scss
+++ b/src/assets/scss/theme/pink.scss
@@ -382,6 +382,13 @@
           color: var(--p-fc-1);
           background-color: var(--p-bgc-1);
          }
+         .el-input{
+          input{
+            background-color: var(--p-bgc-2);
+            border: 1px solid var(--p-bgc-2);
+            color: var(--p-fc-1);
+          }
+        }
         .el-table__header th, .el-table__header tr, .el-table__body td,.el-table__body th{
           color: var(--p-fc-1);
           background-color: var(--p-bgc-1);
diff --git a/src/components/IPTV.vue b/src/components/IPTV.vue
index 5868bc9..86ce553 100644
--- a/src/components/IPTV.vue
+++ b/src/components/IPTV.vue
@@ -7,12 +7,6 @@
         <el-button @click.stop="importChannels" type="text">导入</el-button>
         <el-button @click.stop="removeAllChannels" type="text">清空</el-button>
         <el-button @click.stop="resetChannelsEvent" type="text">重置</el-button>
-        <el-input
-          placeholder="搜索"
-          size="mini"
-          v-model.trim="searchTxt">
-         <i slot="prefix" class="el-input__icon el-icon-search"></i>
-        </el-input>
       </div>
       <div class="listpage-body" id="iptv-table">
         <el-table
@@ -24,6 +18,14 @@
                 prop="name"
                 label="频道名"
                 min-width="200">
+                <template #header>
+                  <el-input
+                  placeholder="搜索"
+                  size="mini"
+                  v-model.trim="searchTxt">
+                  <i slot="prefix" class="el-input__icon el-icon-search"></i>
+                  </el-input>
+                </template>
               </el-table-column>
               <el-table-column
                 prop="group"