修改

src/lang/package/en.js

@@ -6,10 +6,13 @@ export default {
   },
   // 登录页面国际化
   login: {
+    title: 'New generation information technology incubation platform',
     username: 'Username',
     password: 'Password',
     login: 'Login',
-    captchaCode: 'Verify Code'
+    captchaCode: 'Verify Code',
+    placeholder1: 'please select your username',
+    placeholder2: 'please select your password'
   },
   // 导航栏国际化
   navbar: {

src/lang/package/zh-cn.js

@@ -7,10 +7,13 @@ export default {
   },
   // 登录页面国际化
   login: {
+    title: '新一代信息技术孵化平台',
     username: '用户名',
     password: '密码',
     login: '登 录',
-    captchaCode: '验证码'
+    captchaCode: '验证码',
+    placeholder1: '请输入用户名',
+    placeholder2: '请输入密码'
   },
   // 导航栏国际化
   navbar: {

src/main.js

@@ -1,7 +1,5 @@
 import { createApp } from 'vue'
 import { setupStore } from '@/store'
-import i18n from '@/lang/index'
-
 import App from './App.vue'
 import router from './router'
 
@@ -10,6 +8,7 @@ import * as ElementPlusIconsVue from '@element-plus/icons-vue'
 // 本地SVG图标
 import 'virtual:svg-icons-register'
 // 国际化
+import i18n from '@/lang/index'
 // 组件
 import globalComponents from '@/components'
 const app = createApp(App)

src/views/login/index.vue

@@ -1,14 +1,18 @@
 <template>
   <div class="login-container">
+    <!-- 顶部 -->
+    <div class="lang">
+      <LangSelect class="cursor-pointer"></LangSelect>
+    </div>
     <!-- 登录表单 -->
     <el-card class="card">
       <div class="text">
-        <h2>{{ siteInfo.zhTitle }}</h2>
+        <h2>{{ $t('login.title') }}</h2>
       </div>
       <el-form ref="loginFormRef" :model="loginData" :rules="loginRules" class="login-form">
         <!-- 用户名 -->
         <el-form-item prop="username">
-          <el-input v-model="loginData.account" size="large" placeholder="请输入登录账号">
+          <el-input v-model="loginData.account" size="large" :placeholder="$t('login.placeholder1')">
             <template #prefix>
               <el-icon>
                 <User />
@@ -18,7 +22,7 @@
         </el-form-item>
         <!-- 密码 -->
         <el-form-item prop="password">
-          <el-input v-model="loginData.password" size="large" type="password" show-password placeholder="请输入登录密码">
+          <el-input v-model="loginData.password" size="large" type="password" show-password :placeholder="$t('login.placeholder2')">
             <template #prefix>
               <el-icon>
                 <Unlock />
@@ -27,15 +31,13 @@
           </el-input>
         </el-form-item>
         <!-- 登录按钮 -->
-        <el-button :loading="loading" type="primary" size="large" class="button" @click.prevent="handleLogin">{{
-          $t('login.login') }} </el-button>
+        <el-button :loading="loading" type="primary" size="large" class="button" @click.prevent="handleLogin">{{ $t('login.login') }} </el-button>
       </el-form>
     </el-card>
   </div>
 </template>
 
 <script setup>
-import { siteInfo } from '@/layout/site'
 // 接口
 import { LoginStore } from '@/store/api/login'
 const router = useRouter()
@@ -47,7 +49,7 @@ const loginData = ref({
   password: '1qaz2wsx',
   type: 'Admin'
 })
-const loginRules = computed(() => { })
+const loginRules = computed(() => {})
 const toLogin = async (data) => {
   const res = await loginStore.login(data)
   if (res.errcode == '0') {
@@ -80,6 +82,16 @@ function handleLogin() {
   align-items: center;
   justify-content: center;
   background: url('@/assets/images/login-bg.jpg') no-repeat center right;
+  .lang {
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+    position: absolute;
+    top: 0;
+    right: 0;
+    height: 5rem;
+    padding: 0 1.25rem;
+  }
 
   .login-form {
     padding: 30px 10px;