From 44db498cedee7573d090797b1fe5c331c413b00a Mon Sep 17 00:00:00 2001
From: zzzz <690498789@qq.com>
Date: Mon, 22 Apr 2024 19:03:57 +0800
Subject: [PATCH] first
---
src/page/home/components/GoLogin.vue | 30 +++++++++++++++++++++++-------
1 files changed, 23 insertions(+), 7 deletions(-)
diff --git a/src/page/home/components/GoLogin.vue b/src/page/home/components/GoLogin.vue
index f9d2deb..7d78579 100644
--- a/src/page/home/components/GoLogin.vue
+++ b/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>
\ No newline at end of file
+
+</style>
--
Gitblit v1.9.3