🎢 优化 IPTV 的搜索框样式

src/assets/scss/theme/dark.scss

@@ -62,7 +62,9 @@
           border-bottom-color: var(--d-c-2);
           transition: all 0.3s cubic-bezier(.25,.8,.25,1);
           &:hover{
-            box-shadow: var(--d-bsc-hover);
+            box-shadow: var(--d-bsc);
+            background-color: var(--d-bgc-2);
+            color: #fff;
           }
           span{
             &.btn:hover{
@@ -371,6 +373,13 @@
             color: var(--d-fc-3)
           }
         }
+        .el-input{
+          input{
+            background-color: var(--d-bgc-1);
+            border: 1px solid var(--d-bgc-1);
+            color: var(--d-fc-2);
+          }
+        }
       }
       .listpage-body{
         /* 设置el-table的样式*/

src/assets/scss/theme/green.scss

@@ -369,6 +369,13 @@
             color: var(--g-fc-3)
           }
         }
+        .el-input{
+          input{
+            background-color: var(--g-bgc-1);
+            border: 1px solid var(--g-bgc-1);
+            color: var(--g-fc-2);
+          }
+        }
       }
       .listpage-body{
         /* 设置el-table的样式*/

src/assets/scss/theme/light.scss

@@ -369,6 +369,13 @@
             color: var(--l-fc-3)
           }
         }
+        .el-input{
+          input{
+            background-color: var(--l-bgc-1);
+            border: 1px solid var(--l-bgc-1);
+            color: var(--l-fc-2);
+          }
+        }
       }
       .listpage-body{
         /* 设置el-table的样式*/

src/assets/scss/theme/pink.scss

@@ -368,6 +368,13 @@
             color: var(--p-fc-3)
           }
         }
+        .el-input{
+          input{
+            background-color: var(--p-bgc-1);
+            border: 1px solid var(--p-bgc-1);
+            color: var(--p-fc-2);
+          }
+        }
       }
       .listpage-body{
         /* 设置el-table的样式*/

src/components/IPTV.vue

@@ -9,7 +9,8 @@
         <el-button @click.stop="resetSitesEvent" type="text">重置</el-button>
         <el-input
           placeholder="搜索"
-          v-model.trim="searchTxt" >
+          size="mini"
+          v-model.trim="searchTxt">
          <i slot="prefix" class="el-input__icon el-icon-search"></i>
         </el-input>
       </div>