保存进度！

css/app.css

@@ -2,8 +2,8 @@
  * @Author: Kane
  * @Date: 2022-11-12 23:32:20
  * @LastEditors: Kane
- * @LastEditTime: 2022-11-16 11:08:23
- * @FilePath: \car_dealer\css\app.css
+ * @LastEditTime: 2022-11-22 17:15:41
+ * @FilePath: \vue-learning\css\app.css
  * @Description: 
  * 
  * Copyright (c) ${2022} by Kane, All Rights Reserved. 
@@ -12,6 +12,10 @@
 
 body {
     background-color: var(--backupground-color);
+}
+
+#root,
+#app {
     padding: 50px;
 }
 

css/colors.css

@@ -0,0 +1,21 @@
+/*
+ * @Author: Kane
+ * @Date: 2022-11-12 23:22:59
+ * @LastEditors: Kane
+ * @LastEditTime: 2022-11-16 15:26:04
+ * @FilePath: \car_dealer\css\colors.css
+ * @Description: 
+ * 
+ * Copyright (c) ${2022} by Kane, All Rights Reserved. 
+ */
+
+html {
+    --backupground-color: #f4f5f7ff;
+    --btn-color-blue: #307dbe;
+    --btn-color-yellow: #f7b24d;
+    --btn-color-green: #5bad60;
+    --btn-color-red: #e56651;
+    --btn-font-color: #fff;
+
+    --input-focus-color: #e56651;
+}