fix: 样式修改

src/assets/css/index.css

 .container {
 .container {
   max-width: 1280px;
   max-width: 1280px;
   margin: 0 auto;
   margin: 0 auto;
+  display: flex;
+  align-items: center;
 }
 }
 
 
 .link {
 .link {

src/components/head.vue

@@ -16,10 +16,14 @@
         </ul>
         </ul>
       </nav>
       </nav>
       <div class="right_btn">
       <div class="right_btn">
-        <el-button type="primary" size="mini" @click="login">登录</el-button>
-        <el-button type="primary" size="mini" @click="register">
-          免费试用
-        </el-button>
+        <!-- <el-button type="primary" size="mini" @click="login">登录</el-button>
+        <el-button size="mini" @click="register">注册</el-button> -->
+        <div class="user-operate">
+          <span class="login-btn" @click="login">登录</span>
+          <span class="reg-btn" @click="register">注册</span>
+        </div>
+
+        <el-button type="primary">免费试用</el-button>
       </div>
       </div>
     </div>
     </div>
   </header>
   </header>
@@ -76,5 +80,33 @@ export default {
 .right_btn {
 .right_btn {
   display: flex;
   display: flex;
   align-items: center;
   align-items: center;
+  margin-left: auto;
+}
+
+.login-btn {
+  position: relative;
+  margin-right: 20px;
+  cursor: pointer;
+  color: #fff;
+}
+
+.reg-btn {
+  cursor: pointer;
+  color: #fff;
+}
+
+.login-btn::after {
+  content: '';
+  width: 1px;
+  height: 15px;
+  position: absolute;
+  display: inline-block;
+  margin-left: 10px;
+  top: 4px;
+  background-color: #fff;
+}
+
+.user-operate {
+  margin-right: 10px;
 }
 }
 </style>
 </style>

src/views/login.vue

@@ -45,7 +45,7 @@
               登录
               登录
             </button>
             </button>
           </div>
           </div>
-          <div style="margin-top: 20px; font-size: 14px">
+          <div style="margin-top: 20px; font-size: 14px; text-align: center;">
             还没有账号？
             还没有账号？
             <router-link class="link" to="register">马上注册</router-link>
             <router-link class="link" to="register">马上注册</router-link>
           </div>
           </div>

src/views/register.vue

@@ -19,7 +19,7 @@
         <el-form-item prop="code" label="">
         <el-form-item prop="code" label="">
           <el-input
           <el-input
             v-model="registerForm.code"
             v-model="registerForm.code"
-            style="width: 180px"
+            style="width: 180px; background: #fff"
             prefix-icon="el-icon-message"
             prefix-icon="el-icon-message"
             placeholder="请输入验证码"></el-input>
             placeholder="请输入验证码"></el-input>
           <el-button
           <el-button