#

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;