功能变化: 登录页样式优化

web/src/views/system/login/base.vue

@@ -3,33 +3,27 @@
 </template>
 
 <script>
-import { mapActions, mapState } from 'vuex'
+import { mapActions } from 'vuex'
 import localeMixin from '@/locales/mixin.js'
 import * as api from '@/views/system/login/api'
 
 export default {
   mixins: [localeMixin],
-  computed: {
-    ...mapState('d2admin', {
-      siteName: (state) => state.settings.siteName, // 网站名称
-      siteLogo: (state) =>
-        state.settings.siteLogo || require('./image/dvadmin.png'), // 网站logo地址
-      loginBackground: (state) =>
-        state.settings.loginBackground || require('./image/bg.jpg'), // 登录页背景图
-      copyright: (state) => state.settings.copyright, // 版权
-      keepRecord: (state) => state.settings.keepRecord, // 备案
-      helpUrl: (state) => state.settings.helpUrl, // 帮助
-      privacyUrl: (state) => state.settings.privacyUrl, // 隐私
-      clauseUrl: (state) => state.settings.clauseUrl, // 条款
-      captchaState: (state) => state.settings.captchaState// 验证码
-    })
-  },
   beforeCreate () {
     // 初始化配置
     this.$store.dispatch('d2admin/settings/init')
   },
   data () {
     return {
+      siteName: this.systemConfig('login.site_name'), // 网站名称
+      siteLogo: this.systemConfig('login.site_logo') || require('./image/dvadmin.png'), // 网站logo地址
+      loginBackground: this.systemConfig('login.login_background') || require('./image/bg.jpg'), // 登录页背景图
+      copyright: this.systemConfig('login.copyright'), // 版权
+      keepRecord: this.systemConfig('login.keep_record'), // 备案
+      helpUrl: this.systemConfig('login.help_url'), // 帮助
+      privacyUrl: this.systemConfig('login.privacy_url'), // 隐私
+      clauseUrl: this.systemConfig('login.clause_url'), // 条款
+      captchaState: this.systemConfig('login.captcha_state'), // 验证码
       processTitle: process.env.VUE_APP_TITLE || 'D2Admin',
       backgroundImage: 'url(' + this.loginBackground + ')',
       // 表单
@@ -73,8 +67,16 @@ export default {
       ]
     }
   },
-  mounted () {},
-  beforeDestroy () {},
+  mounted () {
+    document.onkeydown = () => {
+      var key = window.event.keyCode
+      if (key === 13) {
+        this.submit()
+      }
+    }
+  },
+  beforeDestroy () {
+  },
   methods: {
     ...mapActions('d2admin/account', ['login']),
     /**

web/src/views/system/login/css/style.css

@@ -114,7 +114,7 @@ img {
 .page-login--logo{
     margin: 0 auto;
     top: 10px;
-    left: 52em;
+    left: 52%;
     position: absolute;
 }
 /*-- //Reset-Code --*/
@@ -231,7 +231,7 @@ img {
     color: #444;
     text-transform: capitalize;
 }
-h1 {
+.w3_info h1 {
     font-size: 36px;
     font-weight: 600;
     color: #fff;

web/src/views/system/login/page.vue

@@ -1,12 +1,7 @@
 <template>
   <div
     class="w3l-signinform"
-    :style="{
-      background:
-        'url(' +
-        (loginBackground || require('./image/bg.jpg')) +
-        ') no-repeat center'
-    }"
+    :style="{background:'url(' +(loginBackground || require('./image/bg.jpg')) +') no-repeat center', backgroundSize: '100% 100%' }"
   >
     <!-- container -->
     <div class="wrapper">
@@ -19,9 +14,7 @@
           <el-card shadow="always" class="card">
             <el-tabs v-model="activeName">
               <el-tab-pane label="账号密码登录" name="first" stretch>
-                <span slot="label"
-                  ><span style="margin: 30px">账号密码登录</span></span
-                >
+                <span slot="label"><span style="margin: 30px">账号密码登录</span></span>
                 <br/>
                 <el-form
                   ref="loginForm"
@@ -139,8 +132,10 @@ export default {
       activeName: 'first'
     }
   },
-  created () {},
-  mounted () {},
+  created () {
+  },
+  mounted () {
+  },
   methods: {}
 }
 </script>
@@ -155,27 +150,34 @@ export default {
     font-size: 0;
     overflow: hidden;
   }
+
   // 快速选择用户面板
   .page-login--quick {
     margin-top: 20px;
   }
+
   .page-login--quick-user {
     @extend %flex-center-col;
     padding: 10px 0px;
     border-radius: 4px;
+
     &:hover {
       background-color: $color-bg;
+
       i {
         color: $color-text-normal;
       }
+
       span {
         color: $color-text-normal;
       }
     }
+
     i {
       font-size: 36px;
       color: $color-text-sub;
     }
+
     span {
       font-size: 12px;
       margin-top: 10px;