first

zzzz

2024-04-24 fde4daf5bf6ace15c3f78eb3bb5b9dbdad763674

 src/page/home/components/GoLogin.vue

@@ -1,9 +1,9 @@
<template>
    <div class="go_to_login">
    <div class="go_to_login animated bounce">
        <div>
            <div class="left_mess"><span>{{ '登录后即可开启真实/模拟交易' }}</span></div>
            <div class="left_mess"><span>{{ $t('dltips') }}</span></div>
            <div class="right_button">
                <div class="btn" @click="goToLogin()"><span>{{ '登录' }}</span></div>
                <div class="btn" @click="goToLogin()"><span>{{ $t('dlan') }}</span></div>
            </div>
        </div>
    </div>
@@ -19,7 +19,7 @@
    },
    methods: {
        goToLogin() {
            this.$router.push('/newLogin')
            this.$router.push('/login')
        }
    }
}
@@ -34,13 +34,17 @@
    display: flex;
    align-items: center;
    justify-content: center;
    
    
    > div {
        width: 90%;
        height: 100%;
        background: rgb(28,28,30);
        background: rgba(39,39,51,0.85);
        border-radius: .2228rem;
        display: flex;
        align-items: center;
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
    }
    .left_mess {
        width: 70%;
@@ -60,7 +64,7 @@
        > .btn {
            width: 1.7949rem;
            height: .7692rem;
            background: rgb(54,124,248);
            background: rgb(25,122,246);
            border-radius: .1064rem;
            display: flex;
            justify-content: center;
@@ -70,5 +74,17 @@
        }
    }
}
//淡入动画
@keyframes show {
    0% {
        
        buttom:0rem;
    }
    100% {
        
        buttom:2rem;
    }
}

</style>

</style>