From fb734b6dbf0b18e56ed6c896d8deb2932ac2933b Mon Sep 17 00:00:00 2001
From: whycq <whycq>
Date: 星期一, 18 四月 2022 11:06:45 +0800
Subject: [PATCH] #
---
Monitor-APP/pages/index/index.vue | 39 ++++++++++++++++++++++++++++++++++++---
1 files changed, 36 insertions(+), 3 deletions(-)
diff --git a/Monitor-APP/pages/index/index.vue b/Monitor-APP/pages/index/index.vue
index 39f7882..afc35e9 100644
--- a/Monitor-APP/pages/index/index.vue
+++ b/Monitor-APP/pages/index/index.vue
@@ -243,18 +243,18 @@
},1000)
setInterval(() => {
this.animation();
- },3000)
+ },2000)
},
methods: {
animation() {
if (this.ani) {
this.ani = ''
this.mmm = 'upup'
- this.fff = 'down'
+ this.fff = 'upupmove'
} else {
this.ani = 1
this.mmm = 'down'
- this.fff = 'upup'
+ this.fff = 'ddmove'
}
},
getDateFormat(value) {
@@ -378,6 +378,15 @@
animation: downMove 1.5s 1;
animation-fill-mode: both;
}
+
+ .upupmove {
+ animation: upupmove 1.5s 1;
+ animation-fill-mode: both;
+ }
+ .ddmove {
+ animation: ddmove 1.5s 1;
+ animation-fill-mode: both;
+ }
.upper {
position: fixed;
width: 1920px;
@@ -413,6 +422,30 @@
top: 0;
}
}
+ @keyframes upupmove {
+ from {
+ opacity: 0.5;
+ /* background-color:blue; */
+ top: 0px;
+ }
+ to {
+ opacity: 1;
+ /* background-color:red; */
+ top: 1080px;
+ }
+ }
+ @keyframes ddmove {
+ from {
+ opacity: 0.5;
+ /* background-color:blue; */
+ top: 1080px;
+ }
+ to {
+ opacity: 1;
+ /* background-color:red; */
+ top: -0px;
+ }
+ }
.lower {
width: 1920px;
height: 1080px;
--
Gitblit v1.9.1