修改登陆页面/系统logo/版权信息等

liuchengxin

2021-12-12 dfc4898827d73df7152d6458689324fd3485b75d

 src/views/login.vue

@@ -1,7 +1,11 @@
<template>
  <div class="login">
    <div class="login-main">
      <div class="login-title">
        <img src="../assets/logo/login-logo.png" style="display: block; width: 400px;">
      </div>
    <el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form">
      <h3 class="title">云通OA办公系统</h3>
        <h3 class="title"></h3>
      <el-form-item prop="username">
        <el-input
          v-model="loginForm.username"
@@ -28,7 +32,7 @@
          v-model="loginForm.code"
          auto-complete="off"
          placeholder="验证码"
          style="width: 63%"
            style="width: 320px"
          @keyup.enter.native="handleLogin"
        >
          <svg-icon slot="prefix" icon-class="validCode" class="el-input__icon input-icon" />
@@ -43,7 +47,7 @@
          :loading="loading"
          size="medium"
          type="primary"
          style="width:100%;"
            style="width:100%; height: 44px; font-size: 16px;"
          @click.native.prevent="handleLogin"
        >
          <span v-if="!loading">登 录</span>
@@ -54,9 +58,11 @@
        </div>
      </el-form-item>
    </el-form>
    </div>

    <!--  底部  -->
    <div class="el-login-footer">
      <span>Copyright © 2018-2021 ruoyi.vip All Rights Reserved.</span>
      <span>Copyright  ©  2018-2021  吉林云通数链科技有限公司  版权所有</span>
    </div>
  </div>
</template>
@@ -169,12 +175,20 @@
  text-align: center;
  color: #707070;
}

.login-main {
  display: flex;
  flex-direction: column;
  .login-title {
    display: flex;
    justify-content: center;
    margin-bottom: 25px;
  }
}
.login-form {
  border-radius: 6px;
  background: #ffffff;
  width: 400px;
  padding: 25px 25px 5px 25px;
  background: rgba(255, 255, 255, 0.5);
  width: 510px;
  padding: 25px 40px 5px 40px;
  box-sizing: border-box;
  .el-input {
    height: 38px;
    input {
@@ -193,7 +207,7 @@
  color: #bfbfbf;
}
.login-code {
  width: 33%;
  width: 103px;
  height: 38px;
  float: right;
  img {