登录

.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>

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;
+
     }
   }
 }

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;

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>