完成第一屏幕页面基本布局以及TheHeader和DigitalFlop的UI界面

src/render/components/Layout/TheHeader.vue

@@ -0,0 +1,13 @@
+<template>
+	<div class="the-header h-28 flex justify-between flex-shrink-0">
+		<Decoration8 class="w-1/4 h-16" />
+		<Decoration5 class="w-2/5 h-16 m-12" />
+		<Decoration8 class="w-1/4 h-16" :reverse="true" />
+    <div class="absolute left-1/2 transform -translate-x-2/4 text-3xl font-bold top-8 text-white">卫星数据监控平台</div>
+	</div>
+</template>
+
+<script lang="ts" setup>
+import Decoration5 from './Decoration5.vue'
+import Decoration8 from './Decoration8.vue'
+</script>