智慧保安考试系统
Administrator
2021-09-26 4ae9e02dd1a230585d87779cdb3110c2af5044dc
默认头像更改,登录提示框修改
3 files modified
66 ■■■■■ changed files
public/img/bg/img-logo.png patch | view | raw | blame | history
src/page/login/userlogin.vue 10 ●●●●● patch | view | raw | blame | history
src/styles/element-ui.scss 56 ●●●●● patch | view | raw | blame | history
public/img/bg/img-logo.png

src/page/login/userlogin.vue
@@ -1,4 +1,5 @@
<template>
<div class="login-custom">
  <el-form class="login-form"
           status-icon
           :rules="loginRules"
@@ -19,7 +20,7 @@
                @keyup.enter.native="handleLogin"
                v-model="loginForm.username"
                auto-complete="off"
                :placeholder="$t('login.username')">
                placeholder="请输入身份证号码">
        <i slot="prefix" class="icon-yonghu"/>
      </el-input>
    </el-form-item>
@@ -29,7 +30,7 @@
                :type="passwordType"
                v-model="loginForm.password"
                auto-complete="off"
                :placeholder="$t('login.password')">
                placeholder="请输入密码,默认密码为身份证号后6位">
        <i class="el-icon-view el-input__icon" slot="suffix" @click="showPassword"/>
        <i slot="prefix" class="icon-mima"/>
      </el-input>
@@ -61,6 +62,7 @@
      </el-button>
    </el-form-item>
  </el-form>
</div>
</template>
<script>
@@ -95,10 +97,10 @@
            {required: false, message: "请输入租户ID", trigger: "blur"}
          ],
          username: [
            {required: true, message: "请输入用户名", trigger: "blur"}
            {required: true, message: "请输入身份证号码", trigger: "blur"}
          ],
          password: [
            {required: true, message: "请输入密码", trigger: "blur"},
            {required: true, message: "请输入密码,默认密码为身份证号后6位", trigger: "blur"},
            {min: 1, message: "密码长度最少为6位", trigger: "blur"}
          ]
        },
src/styles/element-ui.scss
@@ -1,81 +1,87 @@
.el-dropdown-menu__item {
  font-size: 12px !important;
  line-height: 28px !important;
    font-size: 12px !important;
    line-height: 28px !important;
}
//.el-card.is-always-shadow {
//  box-shadow: none;
//  border: none !important;
//}
.el-scrollbar__view {
  height: 100%;
    height: 100%;
}
.el-menu--horizontal {
  border-bottom: none !important;
    border-bottom: none !important;
}
.el-menu {
  border-right: none !important;
    border-right: none !important;
}
.el-menu--display,
.el-menu--display + .el-submenu__icon-arrow {
  display: none;
.el-menu--display+.el-submenu__icon-arrow {
    display: none;
}
.el-message__icon,
.el-message__content {
  display: inline-block;
    display: inline-block;
}
.el-date-editor .el-range-input,
.el-date-editor .el-range-separator {
  height: auto;
  overflow: hidden;
    height: auto;
    overflow: hidden;
}
.el-dialog__wrapper {
  z-index: 2048;
    z-index: 2048;
}
.el-col {
  margin-bottom: 8px;
    margin-bottom: 8px;
}
.el-main {
  padding: 0 !important;
    padding: 0 !important;
}
.el-dropdown-menu__item--divided:before,
.el-menu,
.el-menu--horizontal > .el-menu-item:not(.is-disabled):focus,
.el-menu--horizontal > .el-menu-item:not(.is-disabled):hover,
.el-menu--horizontal > .el-submenu .el-submenu__title:hover {
  background-color: transparent;
.el-menu--horizontal>.el-menu-item:not(.is-disabled):focus,
.el-menu--horizontal>.el-menu-item:not(.is-disabled):hover,
.el-menu--horizontal>.el-submenu .el-submenu__title:hover {
    background-color: transparent;
}
.el-dropdown-menu__item--divided:before,
.el-menu,
.el-menu--horizontal > .el-menu-item:not(.is-disabled):focus,
.el-menu--horizontal > .el-menu-item:not(.is-disabled):hover,
.el-menu--horizontal > .el-submenu .el-submenu__title:hover {
  background-color: transparent !important;
.el-menu--horizontal>.el-menu-item:not(.is-disabled):focus,
.el-menu--horizontal>.el-menu-item:not(.is-disabled):hover,
.el-menu--horizontal>.el-submenu .el-submenu__title:hover {
    background-color: transparent !important;
}
.el-card__header {
  padding: 6px 18px !important;
    padding: 6px 18px !important;
}
.el-card__body {
  //padding: 16px !important;
    //padding: 16px !important;
}
.el-divider--horizontal {
  margin: 12px 0 !important;
    margin: 12px 0 !important;
}
// .time {
//   font-size: 41px !important;
// }
.login-form .el-form-item__error {
    font-size: 15px;
}
.login-form .el-input__inner {
    font-size: 15px;
}