图层搜索

lixuliang

2024-01-19 2a9e0f190c384d4c95a188822d6bf1802697d10c

 src/components/login.vue

@@ -4,8 +4,13 @@
      <img src="../assets/img/login/background.png" alt="" />
    </div>
    <div class="login-box">
      <el-form class="loginBox" :model="loginForm" :rules="rules" ref="loginForm"
        @keyup.enter.native="submitForm('loginForm')">
      <el-form
        class="loginBox"
        :model="loginForm"
        :rules="rules"
        ref="loginForm"
        @keyup.enter.native="submitForm('loginForm')"
      >
        <el-form-item prop="loginname">
          <div class="user-box">
            <div class="imgbox">
@@ -18,8 +23,14 @@
              <img src="../assets/img/login/line.png" alt="" />
            </div>
            <div class="inputbox">
              <el-input v-model="loginForm.loginname" placeholder="输入您的账号" class="nobr" size="meddle" autocomplete="off"
                clearable>
              <el-input
                v-model="loginForm.loginname"
                placeholder="输入您的账号"
                class="nobr"
                size="meddle"
                autocomplete="off"
                clearable
              >
              </el-input>
            </div>
          </div>
@@ -36,8 +47,14 @@
              <img src="../assets/img/login/line.png" alt="" />
            </div>
            <div class="inputbox">
              <el-input show-password v-model="loginForm.password" placeholder="输入您的密码" class="nobr" autocomplete="off"
                clearable>
              <el-input
                show-password
                v-model="loginForm.password"
                placeholder="输入您的密码"
                class="nobr"
                autocomplete="off"
                clearable
              >
              </el-input>
            </div>
          </div>
@@ -89,7 +106,7 @@
      },
    };
  },
  created() { },
  created() {},
  mounted() {
    window.addEventListener("keydown", this.keyDown);
    // if (
@@ -122,10 +139,6 @@
    },
    // 账号密码登录
    submitForm(formName) {
      let tokenData = "1111111111111";
      let times = new Date().getTime();
      window.localStorage.setItem("TokenTime", times);
      window.localStorage.setItem("TokenKey", tokenData);
      this.$router.push("/index");
      // this.$refs[formName].validate((valid) => {
      //   if (valid) {
@@ -295,11 +308,9 @@
  height: 60%;
  margin-left: 74px;
}

.imgbox img {
  width: 100%;
}

.titlebox {
  color: #fff;
  font-size: 18px;
@@ -353,7 +364,7 @@
  padding: 0 !important;
}

.el-form>>>.el-form-item__error {
.el-form >>> .el-form-item__error {
  left: 150px;
  top: 106%;
}
@@ -406,7 +417,7 @@
  bottom: -160px;
  animation: square 20s linear infinite;
  border-radius: 45%;
  box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.5);
  box-shadow: 0px 0px 10px rgba(255,255,255,0.5);
}

.bg-squares li:nth-child(1) {