refactor: more tailwind components

src/assets/index.css

@@ -1,12 +1,37 @@
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
-
+@layer components {
+  .flex-center {
+    @apply flex items-center justify-center;
+  }
+}
+@layer utilities {
+  .checkbox {
+    appearance: none;
+    margin: 0;
+  }
+  .checkbox::before {
+    content: "";
+    display: block;
+    width: 10px;
+    height: 10px;
+    margin: 4px;
+    clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
+    transform: scale(0);
+    transform-origin: bottom left;
+    transition: 120ms transform ease-in-out;
+    box-shadow: inset 10px 10px #1fe1f9;
+  }
+  .checkbox:checked::before {
+    transform: scale(1);
+  }
+}
+/* 全局设置滚动条 */
 ::-webkit-scrollbar-thumb {
   background: #ddd;
   border-radius: 4px;
 }
-
 ::-webkit-scrollbar {
   background: transparent;
   width: 5px;