From 03e2f2673bc0f223eab019b15c9e1ffc011e9d24 Mon Sep 17 00:00:00 2001
From: haiyangcui <cuiocean@gmail.com>
Date: Tue, 29 Sep 2020 17:36:32 +0200
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0style?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/scss/style.scss       | 11 +++++++++++
 src/assets/scss/theme/dark.scss  |  9 +++++++++
 src/assets/scss/theme/green.scss |  8 ++++++++
 src/assets/scss/theme/light.scss |  8 ++++++++
 src/assets/scss/theme/pink.scss  |  7 +++++++
 src/components/Setting.vue       | 12 +++++++-----
 6 files changed, 50 insertions(+), 5 deletions(-)

diff --git a/src/assets/scss/style.scss b/src/assets/scss/style.scss
index 68983ed..bf378df 100644
--- a/src/assets/scss/style.scss
+++ b/src/assets/scss/style.scss
@@ -78,6 +78,17 @@
     }
   }
 }
+.zy-input{
+  border: none;
+  outline: none;
+  input{
+    border: none;
+    width: 200px;
+    height: 30px;
+    background-color: #ffffff00;
+    text-indent: 10px;
+  }
+}
 .zy-checkbox{
   position: relative;
   display: inline-block;
diff --git a/src/assets/scss/theme/dark.scss b/src/assets/scss/theme/dark.scss
index 4639ae1..8f424c6 100644
--- a/src/assets/scss/theme/dark.scss
+++ b/src/assets/scss/theme/dark.scss
@@ -24,6 +24,8 @@
       }
     }
     .vs-input{
+      color: var(--d-fc-1);
+      background-color: var(--d-bgc-1);
       input{
         color: var(--d-fc-1);
         &::-webkit-input-placeholder{
@@ -32,6 +34,13 @@
       }
     }
   }
+  .zy-input{
+    color: var(--d-fc-1);
+    background-color: var(--d-bgc-1);
+    input{
+      color: var(--d-fc-1);
+    }
+  }
   .zy-checkbox{
     color: var(--d-fc-1);
     transition: all 0.3s cubic-bezier(.25,.8,.25,1);
diff --git a/src/assets/scss/theme/green.scss b/src/assets/scss/theme/green.scss
index 2e69bbc..858d8b6 100644
--- a/src/assets/scss/theme/green.scss
+++ b/src/assets/scss/theme/green.scss
@@ -32,6 +32,14 @@
       }
     }
   }
+  .zy-input{
+    color: var(--g-fc-1);
+    background-color: var(--g-bgc-1);
+    input{
+      color: var(--g-fc-1);
+      background-color: var(--g-bgc-1);
+    }
+  }
   .zy-checkbox{
     color: var(--g-fc-1);
   }
diff --git a/src/assets/scss/theme/light.scss b/src/assets/scss/theme/light.scss
index 5ee8db3..1ddda00 100644
--- a/src/assets/scss/theme/light.scss
+++ b/src/assets/scss/theme/light.scss
@@ -32,6 +32,14 @@
       }
     }
   }
+  .zy-input{
+    color: var(--l-fc-1);
+    background-color: var(--l-bgc-1);
+    input{
+      color: var(--l-fc-1);
+      background-color: var(--l-bgc-1);
+    }
+  }
   .zy-checkbox{
     color: var(--l-fc-1);
   }
diff --git a/src/assets/scss/theme/pink.scss b/src/assets/scss/theme/pink.scss
index 1b10888..5dbee6c 100644
--- a/src/assets/scss/theme/pink.scss
+++ b/src/assets/scss/theme/pink.scss
@@ -32,6 +32,13 @@
       }
     }
   }
+  .zy-input{
+    color: var(--p-fc-1);
+    background-color: var(--p-bgc-1);
+    input{
+      color: var(--p-fc-1);
+    }
+  }
   .zy-checkbox{
     color: var(--p-fc-1);
   }
diff --git a/src/components/Setting.vue b/src/components/Setting.vue
index 3f88387..17501d2 100644
--- a/src/components/Setting.vue
+++ b/src/components/Setting.vue
@@ -44,14 +44,16 @@
       </div>
       <div class="site">
         <div class="title">定位时间设置</div>
-        <div class="title">
-          左/右方向键:<input style="width:50px" class="vs-input" type="number" v-model = "d.forwardTimeInSec" @change="updateSettingEvent($event)">秒
+        <div class="zy-select">
+          <div class="zy-input">
+            左/右方向键:<input style="width:50px" type="number" v-model = "d.forwardTimeInSec" @change="updateSettingEvent($event)">秒
+          </div>
         </div>
       </div>
       <div class='search'>
          <div class="title">搜索</div>
-         <div class="zy-checkbox">
-           <input type="checkbox" v-model="d.searchAllSites" @change="updateSettingEvent($event)"> 搜索所有资源
+          <div class="zy-checkbox">
+            <input type="checkbox" v-model="d.searchAllSites" @change="updateSettingEvent($event)"> 搜索所有资源
          </div>
       </div>
       <div class='site'>
@@ -64,7 +66,7 @@
               <div class="vs-placeholder vs-noAfter" v-show = "editPlayerPath == false">
                 <label>编辑</label>
               </div>
-              <input class="vs-input" v-show = "editPlayerPath == true" v-model = "d.externalPlayer"
+              <input class="zy-input" v-show = "editPlayerPath == true" v-model = "d.externalPlayer"
                 @blur= "updateSettingEvent"
                 @keyup.enter = "updateSettingEvent">
             </div>