feat: 开发中...

blog-frontend/src/views/RegisterView.vue

@@ -28,8 +28,10 @@ const onSubmit = () => {
 
 <template>
   <div class="register-div">
-    <el-card>
+    <div style="flex-grow: 1"></div>
+    <el-card class="register-card">
       <el-form :model="form" label-width="60px">
+        <h1 class="card-title">用 户 注 册</h1>
         <el-form-item label="邮箱">
           <el-input v-model="form.email" />
         </el-form-item>
@@ -46,17 +48,30 @@ const onSubmit = () => {
         </el-form-item>
       </el-form>
     </el-card>
+    <div style="flex-grow: 1"></div>
   </div>
 </template>
 
 <style scoped>
 .register-div {
+  width: 100%;
   height: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
 }
 
-.el-card {
+.register-card {
   width: 480px;
-  margin: 0 auto;
+  max-width: 90%;
+  margin-bottom: 240px;
+}
+
+.card-title {
+  text-align: center;
+  margin-bottom: 32px;
+  padding-bottom: 12px;
+  border-bottom: 1px solid #ccc;
 }
 
 .register-button {