From 5d37a36c2158dda1ccb8bfc2c485ed1766f3df66 Mon Sep 17 00:00:00 2001
From: haiyangcui <cuiocean@gmail.com>
Date: Sat, 15 Aug 2020 11:23:19 +0200
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E7=AE=80=E5=8D=95=E7=9A=84st?=
 =?UTF-8?q?yle?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/scss/style.scss       | 12 +++++++++---
 src/assets/scss/theme/dark.scss  |  9 +++++++++
 src/assets/scss/theme/green.scss |  4 ++++
 src/assets/scss/theme/pink.scss  |  9 +++++++++
 src/components/Film.vue          |  2 +-
 5 files changed, 32 insertions(+), 4 deletions(-)

diff --git a/src/assets/scss/style.scss b/src/assets/scss/style.scss
index a9b8485..c043090 100644
--- a/src/assets/scss/style.scss
+++ b/src/assets/scss/style.scss
@@ -78,7 +78,15 @@
     }
   }
 }
-
+.zy-checkbox{
+  position: relative;
+  display: flex;
+  width: 200px;
+  height: 30px;
+  border-radius: 3px;
+  vertical-align: middle;
+  align-items: center;
+}
 // table
 .zy-table{
   display: flex;
@@ -152,7 +160,6 @@
     }
   }
 }
-
 // scroll
 .zy-scroll{
   &::-webkit-scrollbar{
@@ -168,7 +175,6 @@
     position: absolute;
   }
 }
-
 // loading
 .zy-loading{
   width: 100%;
diff --git a/src/assets/scss/theme/dark.scss b/src/assets/scss/theme/dark.scss
index f6bea28..b80b937 100644
--- a/src/assets/scss/theme/dark.scss
+++ b/src/assets/scss/theme/dark.scss
@@ -32,6 +32,15 @@
       }
     }
   }
+  .zy-checkbox{
+    color: var(--d-fc-1);
+    background-color: var(--d-bgc-1);
+    box-shadow: var(--d-bsc);
+    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
+    &:hover{
+      box-shadow: var(--d-bsc-hover);
+    }
+  }
   .zy-table{
     color: var(--d-fc-2);
     .tHeader{
diff --git a/src/assets/scss/theme/green.scss b/src/assets/scss/theme/green.scss
index ccefb56..3b9dfa2 100644
--- a/src/assets/scss/theme/green.scss
+++ b/src/assets/scss/theme/green.scss
@@ -32,6 +32,10 @@
       }
     }
   }
+  .zy-checkbox{
+    color: var(--g-fc-1);
+    background-color: var(--g-bgc-1);
+  }
   .zy-table{
     color: var(--g-fc-2);
     .tHeader{
diff --git a/src/assets/scss/theme/pink.scss b/src/assets/scss/theme/pink.scss
index ccde16b..0dc954b 100644
--- a/src/assets/scss/theme/pink.scss
+++ b/src/assets/scss/theme/pink.scss
@@ -32,6 +32,15 @@
       }
     }
   }
+  .zy-checkbox{
+    color: var(--p-fc-1);
+    background-color: var(--p-bgc-1);
+    box-shadow: var(--p-bsc);
+    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
+    &:hover{
+      box-shadow: var(--p-bsc-hover);
+    }
+  }
   .zy-table{
     color: var(--p-fc-2);
     .tHeader{
diff --git a/src/components/Film.vue b/src/components/Film.vue
index 4cb7a5d..fcc37b2 100644
--- a/src/components/Film.vue
+++ b/src/components/Film.vue
@@ -27,7 +27,7 @@
         </div>
       </div>
       <div class="zy-checkbox">
-        <input type="checkbox" v-model="searchAllSites" class="search-all-check-input" >搜索所有资源
+        <input type="checkbox" v-model="searchAllSites" class="search-all-check-input" > 搜索所有资源
       </div>
     </div>
     <div class="body zy-scroll" infinite-wrapper>