update

src/components/home/HomeHeader.vue

@@ -137,7 +137,8 @@
             </el-form-item>
 
 
-            <el-form-item prop="captcha" style="display: flex;flex-wrap: nowrap;flex-direction: row;justify-content: space-between">
+            <el-form-item prop="captcha" style="display: flex;flex-wrap: nowrap;flex-direction: row;align-items: center">
+              <div style="display: flex;flex-wrap: nowrap;align-items: center;justify-content: space-evenly">
                 <el-input
                     prefix-icon="el-icon-mobile-phone"
                     type="text"
@@ -145,12 +146,15 @@
                     v-model="registerFrom.captcha"
                     class="vertify_code"
                     auto-complete="false"
-                  style="width: 15.3vw"
+                    style=""
                 ></el-input>
                 <el-button style="margin-left: 5px" @click="sendEmail" type="success" :disabled="!showTime">
                   获取验证码
                   <span v-show="!showTime" class="count">({{sendTime}}s)</span>
                 </el-button>
+              </div>
+
+
             </el-form-item>
             <div class="login-btn" style="display: flex;flex-direction: row;justify-content: space-between">
               <el-button type="primary" @click="submitRegisterForm('ruleForm')" >注册

src/components/setting/layout/SettingPage.vue

@@ -184,7 +184,7 @@
 
 <script>
 // import $ from 'jquery'
-import SettingMainHeader from "@/components/setting/SettingMainHeader.vue";
+import SettingMainHeader from "@/components/setting/layout/SettingMainHeader.vue";
 
 export default {
   name:"SettingPage",

src/components/setting/system/AppearanceSettings.vue

@@ -0,0 +1,11 @@
+<template>
+<div>
+
+</div>
+</template>
+<script>
+
+</script>
+<style scoped>
+
+</style>

src/router/index.js

@@ -6,7 +6,7 @@ import news from "@/components/hotNews/HotNews.vue";
 import navDetail from "@/components/detail/NavDetail.vue";
 import notFound from "@/components/notFound/NotFound.vue";
 import settings from "@/views/Settings.vue";
-import settingsHome from "@/components/setting/SettingPage.vue";
+import settingsHome from "@/components/setting/layout/SettingPage.vue";
 const originalPush = VueRouter.prototype.push
 VueRouter.prototype.push = function push(location) {
   return originalPush.call(this, location).catch(err => err)

src/utils/request.js

@@ -50,7 +50,7 @@ service.interceptors.response.use(response => {
                 break;
             case 404:
                 error.message = '请求错误,未找到该资源'
-                window.location.href = "/notFound"
+                window.location.href = "/404"
                 break;
             case 405:
                 error.message = '请求方法未允许'

src/views/Settings.vue

@@ -29,8 +29,8 @@
 
 <script>
 // @ is an alias to /src
-import SettingHeader from "@/components/setting/SettingHeader.vue";
-import SettingLeftSide from "@/components/setting/SettingLeftSide.vue";
+import SettingHeader from "@/components/setting/layout/SettingHeader.vue";
+import SettingLeftSide from "@/components/setting/layout/SettingLeftSide.vue";
 
 
 export default {