登录页修改

ZZJ

2021-12-20 77a27ad5c70657b49942923cac6a106d2ddf3173

登录页修改

 src/pages/login/App.vue

@@ -68,11 +68,7 @@
      <div class="web">{{ data.website }}</div>

    </div>



    <div

      class="login-form"

      :style="{ background: backgroundColor }"

      :class="{ empty: !user.loginName && !user.password }"

    >

    <div class="login-form" :style="{ background: backgroundColor }">

      <img class="logo" src="/apps/loginData/leftImg.png" alt="" />



      <el-form

@@ -87,6 +83,7 @@
          <el-input

            v-model="user.loginName"

            :placeholder="$t('placeholder.enterUsername')"

            :class="{ empty: !user.loginName }"

          >

            <i slot="prefix" class="iconfont icon">&#xe7e5;</i>

          </el-input>

@@ -98,14 +95,19 @@
            v-model="user.password"

            autocomplete="off"

            :placeholder="$t('placeholder.enterPassword')"

            :class="{ empty: !user.password }"

          >

            <i slot="prefix" class="iconfont icon">&#xe7e4;</i>

          </el-input>

        </el-form-item>

        <el-form-item>

          <el-button ref="submit" type="warning" @click="systemLogin()">{{

            $t("button.login")

          }}</el-button>

          <el-button

            ref="submit"

            type="warning"

            @click="systemLogin()"

            :class="{ empty: !user.password || !user.loginName }"

            >{{ $t("button.login") }}</el-button

          >

        </el-form-item>

      </el-form>

    </div>

@@ -472,15 +474,15 @@
    }

  }



  .login-form.empty {

  .el-button.empty {

    background-color: #999;

    color: #fff;

  }



  .el-input.empty {

    input {

      border-color: #999;

      color: #bbb;

    }



    .el-button {

      background-color: #999;

      color: #fff;

    }



    .icon {