diff --git a/src/components/HomePage.vue b/src/components/HomePage.vue
index fd4d0fd..6f6da35 100644
--- a/src/components/HomePage.vue
+++ b/src/components/HomePage.vue
@@ -4,10 +4,10 @@
         <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 class="osredm-logo">logo</div>
+                <div class="go-sy">首页</div>
+                <div class="go-kyxm">开源项目</div>
+                <div class="go-ckkj">创客空间</div>
             </div>
             <!-- 图标&标题 -->
             <div class="logo-and-title">
@@ -70,12 +70,33 @@ export default {
     background-position: center;
 
     .menu-box {
-        width: 500px;
+        width: 550px;
         height: 60px;
         background-color: aquamarine;
         position: absolute;
         top: 50px;
         left: 90px;
+        display: flex;
+
+        .osredm-logo {
+            width: 250px;
+            height: 60px;
+        }
+
+        .go-sy {
+            width: 100px;
+            height: 60px;
+        }
+
+        .go-kyxm {
+            width: 100px;
+            height: 60px;
+        }
+
+        .go-ckkj {
+            width: 100px;
+            height: 60px;
+        }
     }
 
     .logo-and-title {