| | |
| | | </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> |
| | |
| | | }; |
| | | // 去风险大屏 |
| | | 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; |
| | |
| | | getDateTime, |
| | | renderToNew, |
| | | toRiskPlatform, |
| | | toDoublePrevent, |
| | | onScreenfullClick, |
| | | loginIconTwo, |
| | | getThemeConfig, |
| | |
| | | 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 3px 8px rgba(20, 97, 234, 0.4)); |
| | | } |
| | | .itemTit1{ |
| | | text-shadow: 0 3px 8px rgba(20, 97, 234, .1); |
| | | } |
| | | .itemTit{ |
| | | text-shadow: 0 3px 8px rgba(20, 97, 234, .1); |
| | | filter: drop-shadow(0 0 12px rgba(20, 97, 234, 0.4)); |
| | | } |
| | | } |
| | | } |