修改了一些样式！

code/web/car_dealer/css/kane.css

@@ -2,7 +2,7 @@
  * @Author: Kane
  * @Date: 2022-10-12 08:49:14
  * @LastEditors: Kane
- * @LastEditTime: 2022-10-21 17:57:09
+ * @LastEditTime: 2022-10-22 22:30:50
  * @FilePath: \car_dealer\css\kane.css
  * @Description: vue学习用的样式表！
  * 
@@ -59,6 +59,8 @@ button {
     border-radius: 0.25em;
     font-size: 1.5rem;
     text-align: center;
+    -webkit-user-select: none;
+    user-select: none;
 }
 
 button:hover {
@@ -71,10 +73,10 @@ button:active {
     color: var(--btn-color-red);
 }
 
-input {
+input[type="text"] {
     border: none;
     outline: solid 2px #e56651;
-    font-size: 2rem;
+    /* font-size: 2rem; */
 }
 
 label {

code/web/car_dealer/css/todo-list/to-list.css

@@ -2,7 +2,7 @@
  * @Author: Kane
  * @Date: 2022-10-21 16:39:27
  * @LastEditors: Kane
- * @LastEditTime: 2022-10-22 01:49:12
+ * @LastEditTime: 2022-10-23 00:10:50
  * @FilePath: \car_dealer\css\todo-list\to-list.css
  * @Description: 用于待办事项页面的css！
  * 
@@ -10,9 +10,9 @@
  */
 
 html {
-    --border-color: #cfcfcf;
+    --border-color: #efefef;
     --hr-color: #efefef;
-    --backupground-color: #f7f7f7;
+    --backupground-color: #f8f8f8;
     --btn-color-blue: #307dbe;
     --btn-color-yellow: #f7b24d;
     --btn-color-green: #5bad60;
@@ -24,10 +24,14 @@ html {
 
     --scrollbar-backupground-color: #cfcfcf7f;
     --scrollbar-track-color: #f7f7f700;
+
+    --font-color: rgba(0, 0, 50, 255);
+
+    color: var(--font-color);
 }
 
 .border {
-    border: 2px solid var(--border-color);
+    border: 1px solid var(--border-color);
     border-radius: 5px;
     width: 30rem;
     padding: 1em;
@@ -67,17 +71,20 @@ hr {
     border: none;
     margin-top: 1rem;
     background-color: var(--border-color);
-    height: 2px;
+    height: 1px;
 }
 
 .border > .todo_list {
-    margin-top: 1rem;
+    margin-top: calc(1rem - 1px);
-    height: 12.2rem;
+    margin-bottom: calc(1rem - 1px);
+    height: 12.34rem;
     overflow-y: overlay;
+    padding-top: 1px;
+    padding-bottom: 1px;
 }
 
 .todo_list::-webkit-scrollbar {
-    width: 10px;
+    width: 0.75rem;
     /* height: 100px; */
 }
 
@@ -88,12 +95,12 @@ hr {
     background: var(--scrollbar-backupground-color);
 }
 
-.todo_list:hover::-webkit-scrollbar-track {
+/* .todo_list:hover::-webkit-scrollbar-track {
-    /* -webkit-box-shadow: inset 0 0 5px var(--scrollbar-backupground-color);
+    -webkit-box-shadow: inset 0 0 5px var(--scrollbar-backupground-color);
     box-shadow: 0 0 5px var(--scrollbar-backupground-color);
-    border-radius: 10px; */
+    border-radius: 10px;
     background: var(--scrollbar-track-color);
-}
+} */
 
 .border > .todo_list > * + * {
     margin-top: 5px;
@@ -107,6 +114,7 @@ hr {
 
 .border > .todo_list div > input[type="checkbox"] {
     flex-grow: 0;
+    outline: none !important;
 }
 
 .border > .todo_list div * + * {
@@ -118,14 +126,17 @@ hr {
     border-bottom: 1px solid var(--border-color);
     height: 1.25rem;
     vertical-align: center;
+    -webkit-user-select: none;
+    user-select: none;
+    padding-left: 5px;
 }
 
 .border > .todo_list input {
     flex-grow: 1;
     font-size: 1rem;
-    line-height: 2rem;
+    /* line-height: 1.5rem; */
-    padding: 0 5px;
+    padding: 5px 5px;
-    margin: 0px;
+    margin: 0px 0px 0px 5px;
     outline-color: var(--border-color);
 }
 

code/web/car_dealer/vue/todo-list.html

@@ -2,8 +2,8 @@
  * @Author: Kane
  * @Date: 2022-10-21 16:36:51
  * @LastEditors: Kane
- * @LastEditTime: 2022-10-22 00:45:07
+ * @LastEditTime: 2022-10-23 00:07:47
- * @FilePath: \car_dealer\vue\todo-lilst.html
+ * @FilePath: \car_dealer\vue\todo-list.html
  * @Description: 
  * 
  * Copyright (c) ${2022} by Kane, All Rights Reserved.