diff --git a/.idea/vcs.xml b/.idea/vcs.xml
new file mode 100644
index 0000000..94a25f7
--- /dev/null
+++ b/.idea/vcs.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="$PROJECT_DIR$" vcs="Git" />
+  </component>
+</project>
\ No newline at end of file
diff --git a/src/components/home/topnav.vue b/src/components/home/topnav.vue
index 516b2e3..c51c852 100644
--- a/src/components/home/topnav.vue
+++ b/src/components/home/topnav.vue
@@ -2,7 +2,7 @@
   <div class="topnav">
     <div class="left">{{ blogname }}</div>
     <div class="right">
-      <n-button class="btn">首页</n-button>
+      <n-button class="btn" >首页</n-button>
       <n-button class="btn">发布</n-button>
       <n-button class="btn">后台</n-button>
     </div>
@@ -42,6 +42,14 @@ export default {
       height:60px;
       font-size:25px;
       margin-right:25px;
+      --text-color-hover: #4c83ff!important;
+      --border-hover: 1px solid #4c83ff!important;
+      --text-color-pressed: #4c83ff!important;
+      --border-pressed: 1px solid #4c83ff!important;
+      --border-focus: 1px solid #4c83ff!important;
+      --text-color-focus: #4c83ff!important;
+      --ripple-color:#4c83ff!important;
+
     }
   }
 }
diff --git a/src/page/home.vue b/src/page/home.vue
index 6d355f5..9fd76e5 100644
--- a/src/page/home.vue
+++ b/src/page/home.vue
@@ -55,6 +55,8 @@ export default defineComponent({
   margin:0 auto;
   display:flex;
   justify-content: space-between;
+  margin-top: 63px;
+
   .list{
     .item{
       margin-bottom:43px;
diff --git a/src/page/login.vue b/src/page/login.vue
index ff5d594..a6d7ff1 100644
--- a/src/page/login.vue
+++ b/src/page/login.vue
@@ -1,6 +1,8 @@
 <template>
   <div class="login">
-    
+    <div class="center">
+
+    </div>
   </div>
 </template>
 
@@ -12,6 +14,17 @@ export default defineComponent({
 })
 </script>
 
-<style>
-
+<style lang="scss" scoped>
+.login{
+  .center{
+    width: 825px;
+    height: 648px;
+    background-color: #ffffff;
+    border-radius: 83px;
+    border: solid 1px #707070;
+    opacity: 0.81;
+    margin: 0 auto;
+    vertical-align: middle;
+  }
+}
 </style>
\ No newline at end of file
diff --git a/src/static/img/topbg.jpg b/src/static/img/topbg.jpg
new file mode 100644
index 0000000..d71e608
Binary files /dev/null and b/src/static/img/topbg.jpg differ