From f59373dccb4afb37e63f4fe655061d067244860c Mon Sep 17 00:00:00 2001 From: Admin <978517621@qq.com> Date: 星期三, 16 十一月 2022 09:17:11 +0800 Subject: [PATCH] Default Changelist --- src/views/newHome/index.vue | 37 +++++++++++++++++++++++++++++++------ 1 files changed, 31 insertions(+), 6 deletions(-) diff --git a/src/views/newHome/index.vue b/src/views/newHome/index.vue index a075efa..f93269a 100644 --- a/src/views/newHome/index.vue +++ b/src/views/newHome/index.vue @@ -52,7 +52,7 @@ </div> <img class="bgImg1" src="../../assets/newMenu/card-1.png" /> </div> - <div class="grid-content cont-bg-1" v-throttle @click="render('2')"> + <div class="grid-content cont-bg-1" v-throttle @click="toDoublePrevent"> <div class="toplayer"> <img class="iconImg" src="../../assets/newMenu/icon2.png" /> <div> @@ -327,10 +327,14 @@ }; // 去风险大屏 const toRiskPlatform = () => { - router.push({ - name: "warningScreen" - }); - // window.open('http://39.104.85.193:8585/'); + // router.push({ + // name: "warningScreen" + // }); + window.open('http://39.104.85.193:8585/'); + }; + + const toDoublePrevent = () => { + window.open('http://121.239.169.27:6801'); }; const throttle = (renderMenu: any, delay: number) => { let flag = true; @@ -405,6 +409,7 @@ getDateTime, renderToNew, toRiskPlatform, + toDoublePrevent, onScreenfullClick, loginIconTwo, getThemeConfig, @@ -431,6 +436,20 @@ 100% { position: absolute; left: 0; + } + } + @keyframes upDown { + 50% { + -webkit-transform: translateY(-8px); + -ms-transform: translateY(-8px); + -o-transform: translateY(-8px); + transform: translateY(-8px); + } + 100% { + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + -o-transform: translateY(0); + transform: translateY(0); } } @media screen and (min-width: 1400px) { @@ -898,9 +917,15 @@ border: 2px solid rgba(255,255,255,0); &:hover { + border-radius: 16px; background-image: radial-gradient(ellipse farthest-side at 50% 100%, #48a3ff 0%, #fff 120%); box-shadow: -8px -8px 24px rgba(20, 97, 234, 0.2), 8px 8px 24px rgba(20, 97, 234, 0.2); - border: 2px solid rgba(255,255,255,0.8); + border: 2px solid #fff; + + .iconImg{ + animation: upDown 0.3s 1 ease-in-out forwards; + filter: drop-shadow(0 0 12px rgba(20, 97, 234, 0.4)); + } } } .cont-bg-1 { -- Gitblit v1.9.2