From 68931321e26722c34b86c334a25be25d9e45bcec Mon Sep 17 00:00:00 2001
From: zxzz <2652816967@qq.com>
Date: Thu, 21 Mar 2024 23:00:54 +0800
Subject: [PATCH] try

---
 src/App.vue                 |  1 -
 src/components/HomePage.vue | 18 ++++++++++++++++++
 2 files changed, 18 insertions(+), 1 deletion(-)

diff --git a/src/App.vue b/src/App.vue
index d3fd912..d392e4c 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -23,7 +23,6 @@ export default {
   -moz-osx-font-smoothing: grayscale;
   text-align: center;
   color: #2c3e50;
-  /* margin-top: 60px; */
 }
 html, body {
     margin: 0;
diff --git a/src/components/HomePage.vue b/src/components/HomePage.vue
index e72955b..fd4d0fd 100644
--- a/src/components/HomePage.vue
+++ b/src/components/HomePage.vue
@@ -2,11 +2,20 @@
     <div class="home-page">
         <!-- Banner Section -->
         <div class="banner-section">
+            <!-- 菜单栏 -->
+            <div class="menu-box">
+                <div class="osredm-logo"></div>
+                <div class="go-sy"></div>
+                <div class="go-kyxm"></div>
+                <div class="go-ckkj"></div>
+            </div>
+            <!-- 图标&标题 -->
             <div class="logo-and-title">
                 <img class="banner-logo" src="../assets/kc-logo.png" />
                 <div class="banner-blank"></div>
                 <img class="banner-title" src="../assets/kc-title.png" />
             </div>
+            <!-- 下载按钮 -->
             <div class="download-button">宣传视频下载</div>
         </div>
 
@@ -60,6 +69,15 @@ export default {
     background-size: cover;
     background-position: center;
 
+    .menu-box {
+        width: 500px;
+        height: 60px;
+        background-color: aquamarine;
+        position: absolute;
+        top: 50px;
+        left: 90px;
+    }
+
     .logo-and-title {
         width: 1300px;
         height: auto;