首页

src/layout/index.vue

@@ -1,5 +1,22 @@
 <template>
-    <router-view />
+    <el-container class="layout-tmp  h-full">
+        <el-header>
+            <div class="layout_header">
+                <div class="header_left">
+                    <div class="header_info">111</div>
+                </div>
+                <div class="header_center">
+                    <span>数据可视化展示平台</span>
+                </div>
+                <div class="header_right">
+                    <div class="header_actions">222</div>
+                </div>
+            </div>
+        </el-header>
+        <el-main>
+            <router-view />
+        </el-main>
+    </el-container>
 </template>
 
 <script setup>

src/styles/index.scss

@@ -8,6 +8,10 @@
 }
 html, body, #app {
     height: 100%;
+    font-size: 14px;
+    color: rgba(0,0,0,.85);
+    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
+    font-variant: tabular-nums;
 }
 html.dark {
     #app {