修改首页

yz_08

2021-01-18 38ae3bc6f339dee06225763572bd72f97520d70b

修改首页

 .eslintignore

@@ -2,3 +2,4 @@
src/assets
public
dist
src/views/login

 src/assets/background1.png

 src/assets/background2.jpg

 src/assets/login/zbyt-login.png

 src/views/login/index.vue

@@ -1,25 +1,11 @@
<template>
  <div class="login-container">
    <div class="login-info">
      <div class="title">FEBS Cloud</div>
      <div class="sub-title">{{ $t('common.system') }}</div>
      <div class="desc">1. {{ $t('common.desc.a') }}</div>
      <div class="desc">2. {{ $t('common.desc.b') }}</div>
      <div class="desc">3. {{ $t('common.desc.c') }}</div>
      <div class="desc">4. {{ $t('common.desc.d') }}</div>
      <div class="desc">5. {{ $t('common.desc.e') }}</div>
      <div class="desc">6. {{ $t('common.desc.f') }}</div>
      <div class="desc">7. {{ $t('common.desc.g') }}</div>
      <div class="desc">8. {{ $t('common.desc.h') }}</div>
      <div class="desc">9. {{ $t('common.desc.i') }}</div>
          <div class="title">中保亚太人力资源管理系统</div>
      <img class="zbyt-login" src="../../assets/login/zbyt-login.png" width='' />
    </div>
    <el-form ref="loginForm" :model="loginForm" :rules="rules" class="login-form" autocomplete="off" label-position="left">
      <div class="title-container">
        <h3 class="title">
          {{ $t('login.title') }}
        </h3>
        <lang-select class="set-language" />
      </div>
      
      <span v-if="login.type === 'up'">
        <el-form-item prop="username">
          <el-input
@@ -134,24 +120,14 @@
          </el-tab-pane>
        </el-tabs>
      </span>
      <el-dropdown class="login-type" placement="top-end">
        <span class="el-dropdown-link">
          <el-link type="primary">{{ $t('login.ortherLoginType') }}</el-link>
        </span>
        <el-dropdown-menu slot="dropdown">
          <el-dropdown-item :disabled="login.type === 'up'" @click.native="login.type = 'up'">{{ $t('login.type.up') }}</el-dropdown-item>
          <el-dropdown-item :disabled="login.type === 'social'" @click.native="login.type = 'social'">{{ $t('login.type.social') }}</el-dropdown-item>
        </el-dropdown-menu>
      </el-dropdown>
    </el-form>
    <span class="login-footer">
      © 2020 <a target="_blank" href="https://mrbird.cc">MrBird</a> - FEBS
      © 2021 <a target="_blank" href="">版权所有：深圳市太阳帆信息技术开发有限公司</a>客服电话： 0755-26491738
    </span>
  </div>
</template>

<script>
import LangSelect from '@/components/LangSelect'
import db from '@/utils/localstorage'
import { randomNum } from '@/utils'
import axios from 'axios'
@@ -159,7 +135,6 @@

export default {
  name: 'Login',
  components: { LangSelect },
  data() {
    return {
      tabActiveName: 'bindLogin',

 src/views/login/login-scoped.scss

@@ -3,17 +3,23 @@
$light_gray:#eee;

.login-container {
  background: url(../../assets/background2.png) 50% no-repeat;
  background: url(../../assets/background2.jpg) 50% no-repeat;
  background-size: cover;
  width: 100%;
  height: 100vh;
  .login-info {
    width: 500px;
    background-color: rgba(163, 44, 48, 1);
    position: absolute;
    left: 15%;
    left: 25%;
    top: 44%;
    margin-top: -100px;
    color: #fff;
    font-weight: 600;
    .zbyt-login{
      width: 100px;
      height: 120px;
    }
    .title {
      font-size: 1.8rem;
      font-weight: 600;
@@ -30,7 +36,7 @@
  .login-form {
    position: absolute;
    top: 50%;
    left: 75%;
    left: 65%;
    margin: -180px 0 0 -160px;
    width: 320px;
    height: 380px;
@@ -76,6 +82,7 @@
    line-height: 1rem;
    height: 1rem;
    font-weight: 600;
    color: #000;
  }
  .tips {
    font-size: 14px;