diff --git a/code/web/task_schedule/src/App.vue b/code/web/task_schedule/src/App.vue
index 715229d..3d753e1 100644
--- a/code/web/task_schedule/src/App.vue
+++ b/code/web/task_schedule/src/App.vue
@@ -2,7 +2,7 @@
  * @Author: Kane
  * @Date: 2023-02-15 09:25:52
  * @LastEditors: Kane
- * @LastEditTime: 2023-02-15 14:40:33
+ * @LastEditTime: 2023-02-17 11:26:21
  * @FilePath: /task_schedule/src/App.vue
  * @Description: 
  * 
@@ -49,7 +49,7 @@ export default {
     setInterval(() =>
     {
       location.reload();
-    }, 60000);
+    }, 5000);
 
     return { locale, ui, onCount };
   },
@@ -69,8 +69,12 @@ export default {
 
 .counter_wrapper {
   width: 500px;
+  margin-top: 20px;
   margin-left: auto;
   margin-right: 20px;
+  border-radius: 5px;
+  background-color: rgb(250 250 250 / 75%);
+
 }
 
 .counter_wrapper:hover {
diff --git a/code/web/task_schedule/src/assets/img/bg/bg_01.jpg b/code/web/task_schedule/src/assets/img/bg/bg_01.jpg
new file mode 100644
index 0000000..3f33bb5
Binary files /dev/null and b/code/web/task_schedule/src/assets/img/bg/bg_01.jpg differ
diff --git a/code/web/task_schedule/src/style.css b/code/web/task_schedule/src/style.css
index d9d0cbe..62085eb 100644
--- a/code/web/task_schedule/src/style.css
+++ b/code/web/task_schedule/src/style.css
@@ -1,11 +1,19 @@
 html {
-    background-color: #8796a6;
+    /* background-color: #8796a6; */
+    background-image: url("./assets/img/bg/bg_01.jpg");
+    background-attachment: fixed;
+    background-size: contain;
+    /* background-position: center; */
+    /* background-repeat: no-repeat; */
 }
 
 body {
-    background-color: #8796a6;
-    width: calc(100vw - 20px);
-    height: calc(100vh - 60px);
+    /* background-color: #8796a6; */
+    width: 100vw;
+    height: 100vh;
     /* border: 1px solid red; */
+    /* overflow: hidden; */
+    padding: 0px;
+    margin: 0px;
 }