保存进度！

code/web/car_dealer/css/axios/axios.css

@@ -2,7 +2,7 @@
  * @Author: Kane
  * @Date: 2022-10-31 14:38:45
  * @LastEditors: Kane
- * @LastEditTime: 2022-10-31 14:56:42
+ * @LastEditTime: 2022-11-01 11:01:28
  * @FilePath: \car_dealer\css\axios\axios.css
  * @Description: 
  * 
@@ -24,7 +24,7 @@ html {
     --scrollbar-backupground-color: #cfcfcf7f;
     --scrollbar-track-color: #f7f7f700;
 
-    --font-color: rgba(0, 0, 50, 255);
+    --font-color: #486171ff;
 
     color: var(--font-color);
 }

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

@@ -25,7 +25,7 @@ html {
     --scrollbar-backupground-color: #cfcfcf7f;
     --scrollbar-track-color: #f7f7f700;
 
-    --font-color: rgba(0, 0, 50, 255);
+    --font-color: #486171ff;
 
     color: var(--font-color);
 }

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

@@ -2,7 +2,7 @@
  * @Author: Kane
  * @Date: 2022-10-21 16:36:51
  * @LastEditors: Kane
- * @LastEditTime: 2022-10-31 00:13:22
+ * @LastEditTime: 2022-11-01 17:48:11
  * @FilePath: \car_dealer\vue\todo-list.html
  * @Description: 
  * 
@@ -58,7 +58,7 @@
                 </div>
                 <hr />
                 <div class="tools">
-                    <p class="summary">总计：{{todo_list.length}}</p>
+                    <p class="summary">总计：{{totalTodos}}</p>
                 </div>
             </div>
         </div>
@@ -71,7 +71,8 @@
                 title: "待办任务",
                 errorMessage: "奇怪的错误！",
                 todo_text: "",
-                todo_list: [{
+                todo_list: [
+                    {
                         selected: false,
                         todo_text: "回家",
                         edit: false,
@@ -175,7 +176,7 @@
             };
         },
         methods: {
-            addTodo() {},
+            addTodo() { },
             editTodo(index, event) {
                 console.log(index);
                 console.log(event);
@@ -194,7 +195,14 @@
                 const message = document.getElementById("message_border");
 
                 message.style["display"] = "none";
-            }
+            },
+        },
+        computed: {
+            totalTodos: {
+                get() {
+                    return this.todo_list.length;
+                },
+            },
         },
     };