feat:[登录] 页面样式修改

src/assets/styles/ruoyi.scss

@@ -285,3 +285,16 @@
 .splitpanes.default-theme .splitpanes__pane {
   background-color: #fff!important;
 }
+.lang-box{
+  cursor: pointer;
+  .lang-style {
+    .lang-active {
+      color: #000;
+    }
+
+    .lang-disable {
+      color: #ccc;
+    }
+  }
+}
+

src/components/LangSelect/index.vue

@@ -1,7 +1,7 @@
 <template>
   <el-dropdown trigger="click" class="international" @command="handleSetLanguage">
-    <div>
-      <svg-icon class-name="international-icon" icon-class="language" />
+    <div class="lang-box">
+      <span class="lang-style"><span :class="language==='zh_CN'?'lang-active':'lang-disable'">中</span> | <span :class="language==='en_US'?'lang-active':'lang-disable'">EN</span></span>
     </div>
     <el-dropdown-menu slot="dropdown">
       <el-dropdown-item :disabled="language==='zh_CN'" command="zh_CN">

src/lang/en.js

@@ -48,8 +48,8 @@ export default {
     OperationFailed: '操作失败'
   },
   login: {
-    title: 'Login Form',
-    logIn: 'Login in',
+    title: 'Welcome,Please Sign In',
+    logIn: 'LOGIN',
     username: 'Username',
     usernameRequired: 'Please Enter Username',
     password: 'Password',

src/lang/zh.js

@@ -48,7 +48,7 @@ export default {
     OperationFailed: '操作失败'
   },
   login: {
-    title: '华西海圻管理系统',
+    title: '欢迎登录系统',
     logIn: '登录',
     username: '账号',
     usernameRequired: '请输入您的账号',

src/store/modules/app.js

@@ -6,11 +6,11 @@ const state = {
       ? !!+Cookies.get('sidebarStatus')
       : true,
     withoutAnimation: false,
-    hide: false,
-    language: Cookies.get('language') || 'zh'
+    hide: false
   },
   device: 'desktop',
-  size: Cookies.get('size') || 'medium'
+  size: Cookies.get('size') || 'medium',
+  language: Cookies.get('language') || 'zh_CN'
 }
 
 const mutations = {

src/views/login.vue

@@ -1,8 +1,11 @@
 <template>
   <div class="login">
     <el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form">
-      <h3 class="title">{{ $t('login.title') }}</h3>
-      <lang-select class="set-language" />
+      <div class="login-lang"><lang-select class="set-language" /></div>
+      <div class="login-title">
+        <img class="login-logo" src="@/assets/images/logomini.png" />
+        <div class="login-name">{{ $t('login.title') }}</div>
+      </div>
       <el-form-item prop="username">
         <el-input
           v-model="loginForm.username"
@@ -38,8 +41,8 @@
           <img :src="codeUrl" @click="getCode" class="login-code-img"/>
         </div>
       </el-form-item> -->
-      <!-- <el-checkbox v-model="loginForm.rememberMe" style="margin:0px 0px 25px 0px;">{{ $t('login.rememberMe') }}</el-checkbox> -->
-      <!-- <el-form-item style="width:100%;">
+      <el-checkbox v-model="loginForm.rememberMe" style="float: right;margin-bottom:30px">{{ $t('login.rememberMe') }}</el-checkbox>
+      <el-form-item style="width:100%;">
         <el-button
           :loading="loading"
           size="medium"
@@ -50,10 +53,10 @@
           <span v-if="!loading">{{ $t('login.logIn') }}</span>
           <span v-else>{{ $t('login.loginIng') }}</span>
         </el-button>
-        <div style="float: right;" v-if="register">
+        <!-- <div style="float: right;" v-if="register">
           <router-link class="link-type" :to="'/register'">立即注册</router-link>
-        </div>
-      </el-form-item> -->
+        </div> -->
+      </el-form-item>
     </el-form>
     <!--  底部  -->
     <div class="el-login-footer">
@@ -200,11 +203,35 @@ export default {
 .login-form {
   border-radius: 6px;
   background: #ffffff;
-  width: 400px;
-  padding: 25px 25px 5px 25px;
+  right: 220px;
+  position: absolute;
+  padding: 20px 40px 30px 40px;
   z-index: 1;
+  .login-lang{
+    text-align: right;
+    margin-bottom: 20px;
+  }
+  .login-title{
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: center;
+    margin-bottom: 35px;
+    .login-logo{
+      width: 70px;
+      margin-right: 20px;
+      flex-flow: 0;
+    }
+    .login-name{
+      flex-flow: 0;
+      font-weight: bold;
+    }
+
+
+  }
   .el-input {
     height: 38px;
+    width: 270px;
     input {
       height: 38px;
     }