feat:realtime

components/RealTime/RealTime.vue

 <template>
 	<view>
-		
+		<div class="timer">
+		    <div
+				:style="{
+					'font-size':`${elementInfo.option.title.textStyle.fontSize}px`,
+					'color': elementInfo.option.title.textStyle.color,
+					'font-weight': elementInfo.option.title.textStyle.fontWeight,
+					'text-align': elementInfo.option.title.left,
+		        }"
+		    >
+		    {{ realTime }}
+		    </div>
+		</div>
 	</view>
 </template>
 
 <script>
-	export default {
-		name:"RealTime",
-		data() {
-			return {
+import uniEcCanvas from '@/components/uni-ec-canvas/uni-ec-canvas'
+import * as echarts from '@/components/uni-ec-canvas/echarts'
+import echartElementData from '@/mixins/echartElementData.js'
+let chart = null
+	
+export default {
+	name:"BasicText",
+	mixins: [echartElementData],
+	
+	data() {
+		return {
 				
-			};
-		}
+		};
+	},
+	
+	onReady () {
+	  
+	},
+	
+	components: {
+	  uniEcCanvas
+	},
+	
+	methods: {
+		initChart() {
+			const refreshTime = () => {
+			    timer.value = setInterval(() => {
+					realTime.value = dateFormat(new Date(), props.elementInfo.option.dateFormart)
+			    }, 1000)
+			}
+			
+			onMounted(() => {
+			    refreshTime()
+			})
+			
+			onUnmounted(() => {
+			    clearInterval(timer.value)
+			    timer.value = null
+			})
+			
+			return {
+			    realTime,
+			}
+		}	
 	}
+}
 </script>
 
-<style>
-
+<style lang="less" scoped>
+.timer {
+  display: flex;
+  flex-flow: column;
+  justify-content: center;
+  width: 100%;
+  color: #fff;
+}
 </style>