createmodel-web/src/modules/Login.vue

<template>
    <div class="login">
        <video poster="../assets/images/bg1.png" id="bgvid" autoplay="autoplay" muted="muted" loop="loop"
            class="fullscreenvideo">
            <source src="../assets/video/5373_1668503119.mp4" type="video/mp4" />
        </video>
        <div class="header-title">
            <img src="../assets/images/WechatIMG5377.png" />
            追迹者
        </div>
        <div class="title">
            <div class="title-text" >
                <!-- 追迹者-三方支付数据分析 -->
                <img class="login-image" src="../../static/login/三方支付数据分析.png"/>
                <!-- <img class="login-image" src="../../static/login/追迹者三方.png"/> -->
            </div>
            <div class="under-line"></div>
        </div>
        <el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form">
            <!-- <h3 class="title-from"> -->
                <!-- <img src="../assets/logo/logo.png" /> -->
                <!-- 欢迎回到{{ $settingsBase.proHeaderTitle }} -->
            <!-- </h3> -->
            <el-form-item prop="username">
                <el-input v-model="loginForm.username" type="text" auto-complete="off" placeholder="账号">
                    <!-- <svg-icon
            slot="prefix"
            icon-class="user"
            class="el-input__icon input-icon"
          /> -->
                </el-input>
            </el-form-item>
            <el-form-item prop="password">
                <el-input v-model="loginForm.password" type="password" auto-complete="off" placeholder="密码"
                    @keyup.enter.native="handleLogin">
                    <!-- <svg-icon
            slot="prefix"
            icon-class="password"
            class="el-input__icon input-icon"
          /> -->
                </el-input>
            </el-form-item>

            <!-- <el-checkbox
        v-model="loginForm.rememberMe"
        style="margin: 0px 0px 25px 0px"
        >记住密码</el-checkbox
      > -->
            <el-form-item style="width: 100%">
                <el-button :loading="loading" size="medium" type="primary" style="width: 100%"
                    @click.native.prevent="handleLogin">
                    <span v-if="!loading">登 录</span>
                    <span v-else>登 录 中...</span>
                </el-button>
                <!-- <div style="float: right" v-if="register">
          <router-link class="link-type" :to="'/register'"
            >立即注册</router-link
          >
        </div> -->
            </el-form-item>
        </el-form>
        <!--  底部  -->
        <!-- <div class="el-login-footer">
      <span>Copyright © 2018-2022 WZTECK All Rights Reserved.</span>
    </div> -->
    <div data-v-08ada116="" class="copyright">
    <!-- <img data-v-08ada116="" src="/static/img/copy.0744abf.png" class="cr-badge"> -->
    <img src="../assets/images/WechatIMG5377.png"  class="cr-badge" />

     <div data-v-08ada116="" class="cr-txt"> 追迹者  Version 3.3 </div></div>
    </div>
</template>

<script>
// import { getCodeImg } from "@/api/login";
// import Cookies from "js-cookie";
// import { encrypt, decrypt } from "@/utils/jsencrypt";
import { postLogin } from "../service/createmodel/apiLogin";
export default {
    // name: "Login",
    data() {
        return {
            codeUrl: "",
            loginForm: {
                username: "",
                password: ""
            },
            loginRules: {
                username: [
                    {
                        required: true,
                        trigger: "blur",
                        message: "请输入您的账号"
                    }
                ],
                password: [
                    {
                        required: true,
                        trigger: "blur",
                        message: "请输入您的密码"
                    }
                ]
            },
            loading: false,
            // 验证码开关
            captchaEnabled: false,
            // 注册开关
            register: false,
            redirect: undefined
        };
    },
    created() {},
    methods: {
        async handleLogin() {
            this.$refs.loginForm.validate(valid => {
                if (valid) {
                    this.loading = true;
                    const { username, password } = this.loginForm;
                    postLogin({
                        loginName: username,
                        password: password
                    }).then(res => {
                        if (res.code === 200) {
                            this.$router.replace("/");
                        } else {
                            this.$message(res.message);
                        }
                        this.loading = false;
                    });
                }
            });
        }
    }
};
</script>

<style rel="stylesheet/scss" lang="less">
@keyframes underLine {
    0% {
        left: -400px;
    }

    25% {
        left: -200px;
    }

    50% {
        left: 0px;
    }

    75% {
        left: 200px;
    }

    100% {
        left: 400px;
    }
}
@keyframes titleText {
    0% {
        width: 0px;
    }
    100% {
        width: 600px;
    }
}
.login {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    // background-image: url("../assets/images/bg.png");
    background-size: cover;
    background: url("../assets//images/bg.png") no-repeat;

    .el-input__inner.el-input__inner {
        background-color: transparent;
        color: #fff;
        text-align: center;
    }
    .el-form-item {
        margin-bottom: 9px;
    }
    .el-button--primary {
        border-color: transparent;
        background-color: transparent;
    }

    video {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        object-fit: fill;
    }

    .header-title {
        font-size: 30px;
        display: flex;
        align-items: center;
        color: #fff;
        position: absolute;
        left: 0;
        top: 0;
        padding: 20px;

        img {
            width: 40px;
            margin-right: 10px;
        }
    }
}

.title-from {
    margin: 0px auto 30px auto;
    text-align: center;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: bold;

    img {
        width: 25px;
        margin-right: 10px;
    }
}

.login-form {
    position: fixed;
    right: 20px;
    bottom: 6px;
    width: 360px;
    height: 290px;
    background: url(data:image/png;base64,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)
        no-repeat center;
    background-size: 100% 100%;
    box-sizing: border-box;
    padding: 20px 30px 30px;
    .el-input__inner {
        border: none;
        color: #fff;
    }
    .el-input {
        height: 38px;
        font-size: 16px;
        color: #fff;
        width: auto;
        border: none;
        background: rgba(0, 0, 0, 0);
        text-align: center;

        input {
            height: 38px;
            color: #fff;
        }
    }

    .input-icon {
        height: 39px;
        width: 14px;
        margin-left: 2px;
    }
}

.login-tip {
    font-size: 13px;
    text-align: center;
    color: #bfbfbf;
}

.login-code {
    width: 33%;
    height: 38px;
    float: right;

    img {
        cursor: pointer;
        vertical-align: middle;
    }
}

.el-login-footer {
    height: 40px;
    line-height: 40px;
    position: fixed;
    bottom: 0;
    width: 100%;
    text-align: center;
    color: #fff;
    font-family: Arial;
    font-size: 12px;
    letter-spacing: 1px;
}

.login-code-img {
    height: 38px;
}
.title {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    min-height: 200px;
    margin-top: -140px;
    text-align: center;
    .title-text {
        // background-image: url("../assets/images/systemless.png");
        position: absolute;
        width: 700px;
        right: 0;
        left: 0;
        // background-color: aqua;
        text-align: center;
        -webkit-text-stroke: 1px #fff; //文字描边
        color: transparent; //字体颜色设置为透明
        font-size: 60px;

        // width: ;
        margin: auto;
        height: 125px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        // -webkit-animation: titleText 3s ease 0s 1 normal;
        // animation: titleText 3s ease 0s 1 normal;
    }
    .under-line {
        position: absolute;
        top: 100px;
        right: 0;
        left: 0;
        margin: auto;
        width: 450px;
        height: 44px;
        background: url(data:image/png;base64,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)
            no-repeat center;
        background-size: contain;
        -webkit-animation: underLine 2.5s linear 1.3s infinite alternate;
        animation: underLine 2.5s linear 1.3s infinite alternate;
    }
}
.copyright {
    position: fixed;
    height: 25px;
    padding-right: 20px;
    z-index: 1001;
    background: transparent;
    bottom: 1%;
    .cr-badge {
        width: 20px;
        height: 20px;
        display: inline-block;
        vertical-align: middle;
    }
    .cr-txt {
        display: inline-block;
        color: #e0e3e6;
        font-size: 14px;
        vertical-align: middle;
        letter-spacing: 2px;
    }
}

.login-image{
    display: block;
    margin: 0 auto;
    width: 100%;
}
</style>