diff --git a/src/views/components/systemTime/index.vue b/src/views/components/systemTime/index.vue
index 84f8e61bb..4894e0e1f 100644
--- a/src/views/components/systemTime/index.vue
+++ b/src/views/components/systemTime/index.vue
@@ -19,43 +19,43 @@ import Digit from './digit';
 import Separator from './separator';
 
 export default {
-	name: 'SystenTime',
-	components: {
-		Digit,
-		Separator
-	},
-	props: {
-		background: {
-			type: String,
-			default() {
-				return '#000';
-			}
-		},
-		color: {
-			type: String,
-			default() {
-				return '#00FF00';
-			}
-		},
-		time: {
-			type: String,
-			default() {
-				return '12:3456';
-			}
-		},
-		zoom: {
-			type: Number,
-			default() {
-				return 4;
-			}
-		},
-		fine: {
-			type: Number,
-			default() {
-				return 2;
-			}
-		}
-	}
+    name: 'SystenTime',
+    components: {
+        Digit,
+        Separator
+    },
+    props: {
+        background: {
+            type: String,
+            default() {
+                return '#000';
+            }
+        },
+        color: {
+            type: String,
+            default() {
+                return '#00FF00';
+            }
+        },
+        time: {
+            type: String,
+            default() {
+                return '12:3456';
+            }
+        },
+        zoom: {
+            type: Number,
+            default() {
+                return 4;
+            }
+        },
+        fine: {
+            type: Number,
+            default() {
+                return 2;
+            }
+        }
+    }
 };
 </script>
 
@@ -63,5 +63,6 @@ export default {
     .system-time-box {
         display: inline-block;
         text-align: center;
+		background: #000;
     }
 </style>