gaosp
2024-01-13 b524dc50dedb0e6d8ae0a432ae2d436829da9319
src/views/login/index.vue
@@ -7,13 +7,13 @@
        <span class="svg-container svg-container_login">
          <svg-icon icon-class="user" />
        </span>
        <el-input  name="username" type="text" v-model="loginForm.username" autoComplete="on" placeholder="请输入用户名" />
        <el-input class="home-input"  name="username" type="text" v-model="loginForm.username" autoComplete="on" placeholder="请输入用户名" />
      </el-form-item>
      <el-form-item prop="password" class="username">
        <span class="svg-container">
          <svg-icon icon-class="password"></svg-icon>
        </span>
        <el-input name="password" :type="pwdType" @keyup.enter.native="handleLogin" v-model="loginForm.password" autoComplete="off"
        <el-input class="home-input" name="password" :type="pwdType" @keyup.enter.native="handleLogin" v-model="loginForm.password" autoComplete="off"
          placeholder="请输入密码"></el-input>
          <span class="show-pwd" @click="showPwd"><svg-icon icon-class="eye" v-show="pwdType==='password'"/><svg-icon icon-class="eyeopen" v-show="pwdType!=='password'"/></span>
      </el-form-item>
@@ -168,18 +168,18 @@
$light_gray:#eee;
/* reset element-ui css */
.el-input {
  .login-form .el-input {
    display: inline-block;
    height: 47px;
    // height: 47px;
    width: calc(100% - 40px);
    input {
      background: transparent;
      border: 0px;
      -webkit-appearance: none;
      border-radius: 0px;
      padding: 12px 5px 12px 15px;
      // padding: 12px 5px 12px 15px;
      color: $light_gray;
      height: 47px;
      // height: 47px;
      &:-webkit-autofill {
        -webkit-box-shadow: 0 0 0px 1000px $bg inset !important;
        -webkit-text-fill-color: #fff !important;
@@ -187,6 +187,7 @@
    }
  }
</style>
<style rel="stylesheet/scss" lang="scss" scoped>