feat: 实时时间

components/RealTime/RealTime.vue

 <template>
-	<view>
-		<div class="timer">
-			<NormalTitle :elementInfo="elementInfo"></NormalTitle>
-			<div :style="{
-					'font-size':`${elementInfo.option.time.textStyle.fontSize}px`,
-					'color': elementInfo.option.time.textStyle.color,
-					'font-weight': elementInfo.option.time.textStyle.fontWeight,
-					'text-align': elementInfo.option.time.left,
-		        }">
-				{{ realTime }}
-			</div>
-		</div>
+	<view class="timer">
+		<NormalTitle :elementInfo="elementInfo"></NormalTitle>
+		<view :style="{
+			'font-size':`${elementInfo.option.time.textStyle.fontSize}px`,
+			'color': elementInfo.option.time.textStyle.color,
+			'font-weight': elementInfo.option.time.textStyle.fontWeight,
+			'text-align': elementInfo.option.time.left,
+		}">
+			{{ realTime }}
+		</view>
 	</view>
 </template>
 
@@ -26,17 +24,21 @@
 				timer: null
 			};
 		},
-
+		onReady() {
+			this.getRealTime()
+		},
 		onUnLoad() {
 			clearInterval(this.timer)
+			this.timer = null
 		},
 		methods: {
-			initChart() {
+			getRealTime() {
 				this.timer = setInterval(() => {
 					const timestamp = new Date().getTime()
 					this.realTime = this.$u.timeFormat(timestamp, this.getDateFormat())
 				}, 1000)
 			},
+			initChart() {},
 
 			// 大屏报表时间格式和uniapp的不一致，需要转换
 			getDateFormat() {