fuliqi
2024-11-22 88e29ed5854ed9e62b719e4804958206c5fd9db1
src/views/login.vue
@@ -52,7 +52,10 @@
              type="text"
            >
              <template #prefix>
                <svg-icon class="el-input__icon input-icon" icon-class="user" />
                                <svg-icon
                                    class="el-input__icon input-icon"
                                    icon-class="user"
                                />
              </template>
            </el-input>
          </el-form-item>
@@ -92,7 +95,11 @@
              </template>
            </el-input>
            <div class="login-code">
              <img :src="codeUrl" class="login-code-img" @click="getCode" />
                            <img
                                :src="codeUrl"
                                class="login-code-img"
                                @click="getCode"
                            />
            </div>
          </el-form-item>
          <el-checkbox
@@ -137,6 +144,7 @@
import { getCodeImg } from "@/api/login";
import Cookies from "js-cookie";
import { encrypt, decrypt } from "@/utils/jsencrypt";
import SvgIcon from '@/components/SvgIcon/index.vue';
export default {
  name: "Login",
@@ -167,6 +175,9 @@
      register: false,
      redirect: undefined,
    };
    },
    comments: {
        SvgIcon
  },
  watch: {
    $route: {
@@ -270,7 +281,7 @@
    align-items: center;
    gap: 100px;
    height: calc(100vh - 50px);
    background-image: url("../assets/images/login-background.png");
        background-image: url('../assets/images/login-background.png');
    background-size: cover;
    .left {
@@ -284,7 +295,7 @@
      }
      .img {
        background-image: url("../assets/images/login.png");
                background-image: url('../assets/images/login.png');
        background-size: cover;
        height: 295px;
        width: 366px;