style: 看站开始页面样式调整

src/i18n/locales/en-US.ts

@@ -2,6 +2,7 @@ export default {
   // 语言
   i18n: 'English',
   hello: 'Hello',
+  welcome: 'Welcome, Core Network Management Platform',
 
   // 通用
   common: {

src/i18n/locales/zh-CN.ts

@@ -2,6 +2,7 @@ export default {
   // 语言
   i18n: '中文',
   hello: '你好',
+  welcome: '欢迎使用，核心网管理平台',
 
   // 通用
   common: {

src/views/system/quick-start/components/Start.vue

@@ -1,18 +1,19 @@
 <script setup lang="ts">
-import { onMounted, reactive } from 'vue';
+import { onMounted } from 'vue';
 import { fnToStepName } from '../hooks/useStep';
-import { bootloaderStart } from '@/api';
 import { RESULT_CODE_SUCCESS } from '@/constants/result-constants';
 import { TOKEN_RESPONSE_FIELD } from '@/constants/token-constants';
-import { getToken, setToken } from '@/plugins/auth-token'; 
+import { getToken, setToken } from '@/plugins/auth-token';
 import { useRouter } from 'vue-router';
 import useI18n from '@/hooks/useI18n';
+import { bootloaderStart } from '@/api/system/quick-start/bootloader';
 const { t, changeLocale, optionsLocale } = useI18n();
 const router = useRouter();
 
-const state = reactive({
-  copyright: ` `,
-});
+/**改变多语言 */
+function fnChangeLocale(e: any) {
+  changeLocale(e.key);
+}
 
 /**引导开始 */
 function fnGuideStart() {
@@ -33,34 +34,53 @@ onMounted(() => {
 </script>
 
 <template>
-  <div>
-    <div>欢迎使用 {{ t('hello') }}</div>
-    <div>
-      语言切换：
+  <div class="ne">
+    <h2>{{ t('welcome') }}</h2>
 
-      <a-dropdown trigger="click">
-        <a-button size="small" type="default">
-          {{ t('i18n') }}
-          <DownOutlined />
+    <div class="ne-main">
+      <a-space direction="vertical" style="width: 30%">
+        <a-button block type="primary" @click="fnToStepName('SystemConfig')">
+          开始
         </a-button>
-        <template #overlay>
-          <a-menu @click="(e:any)=> changeLocale(e.key)">
-            <a-menu-item v-for="opt in optionsLocale" :key="opt.value">
-              {{ opt.label }}
-            </a-menu-item>
-          </a-menu>
-        </template>
-      </a-dropdown>
+      </a-space>
     </div>
-    ====
-    <div>软件声明:</div>
-    <div>1. 网管配置，网元安装可选</div>
-    <div>2. 可选项，网元安装</div>
 
-    <a-button type="primary" @click="fnToStepName('SystemConfig')">
-      开始
-    </a-button>
+    <div class="ne-footer">
+      <a-space direction="horizontal">
+        <a-dropdown trigger="click">
+          <a-button size="small" type="default">
+            {{ t('i18n') }}
+            <DownOutlined />
+          </a-button>
+          <template #overlay>
+            <a-menu @click="fnChangeLocale">
+              <a-menu-item v-for="opt in optionsLocale" :key="opt.value">
+                {{ opt.label }}
+              </a-menu-item>
+            </a-menu>
+          </template>
+        </a-dropdown>
+      </a-space>
+    </div>
   </div>
 </template>
 
-<style lang="less" scoped></style>
+<style lang="less" scoped>
+.ne {
+  height: 524px;
+  overflow-x: hidden;
+  overflow-y: auto;
+  display: flex;
+  flex-direction: column;
+
+  &-main {
+    flex: 1;
+    padding-top: 20%;
+    text-align: center;
+  }
+
+  &-footer {
+    text-align: start;
+  }
+}
+</style>