From cf0d36bbe155ecdfd8bca429666405e830d0dc7a Mon Sep 17 00:00:00 2001
From: XIGUASSR <623844246@qq.com>
Date: Sat, 12 Nov 2022 04:22:49 +0800
Subject: [PATCH] 最新
---
src/page/home/components/GoLogin.vue | 26 +++++++++++++++++++++-----
1 files changed, 21 insertions(+), 5 deletions(-)
diff --git a/src/page/home/components/GoLogin.vue b/src/page/home/components/GoLogin.vue
index f9d2deb..6aab196 100644
--- a/src/page/home/components/GoLogin.vue
+++ b/src/page/home/components/GoLogin.vue
@@ -1,5 +1,5 @@
<template>
- <div class="go_to_login">
+ <div class="go_to_login animated bounce">
<div>
<div class="left_mess"><span>{{ '登录后即可开启真实/模拟交易' }}</span></div>
<div class="right_button">
@@ -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