diff --git a/vue/src/views/login.vue b/vue/src/views/login.vue
index 7dcba3bb..d339ed97 100644
--- a/vue/src/views/login.vue
+++ b/vue/src/views/login.vue
@@ -2,7 +2,7 @@
   <div>
     <div class="login-container">
       <div style="width: 350px" class="login-box">
-        <div style="font-weight: bold; font-size: 24px; text-align: center; margin-bottom: 30px">登 录</div>
+        <div style="font-weight: bold; font-size: 24px; text-align: center; margin-bottom: 30px">欢迎来到学绩云端</div>
         <el-form :model="data.form" ref="formRef" :rules="rules">
           <el-form-item prop="username">
             <el-input prefix-icon="User" v-model="data.form.username" placeholder="请输入账号" />
@@ -20,15 +20,15 @@
             <el-button type="primary" class="login-button" style="width: 100%" @click="login">登 录</el-button>
           </el-form-item>
         </el-form>
-        <div style="margin-top: 30px; text-align: right">
-          还没有账号？请 <a href="/register">注册</a>
+        <div style="margin-top: 5px; text-align:center;">
+          点击 <a href="/register">注册</a>
         </div>
       </div>
     </div>
   </div>
 </template>
 
-<script setup>
+<script setup>//vue3语法糖
 import { reactive, ref } from "vue";
 import request from "@/utils/request";
 import { ElMessage } from "element-plus";
@@ -88,9 +88,10 @@ const login = () => {
 .login-box {
   background-color: #fff;
   box-shadow: 0 0 10px rgba(0,0,0,0.1);
-  padding: 30px;
-  border-radius: 5px;
+  padding: 70px;
+  border-radius: 60px;
   transition: transform 0.3s;
+  background-color: #fffacf;
 }
 
 .login-box:hover {