#

whycq

2022-04-18 fb734b6dbf0b18e56ed6c896d8deb2932ac2933b

 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;