添加简单的style

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%;

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{

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{

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{

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>