From 2c4edb31e7da37c98e5660ab478f43e01a77003c Mon Sep 17 00:00:00 2001
From: 马宇豪 <978517621@qq.com>
Date: 星期二, 14 三月 2023 15:57:10 +0800
Subject: [PATCH] 修改指标选择

---
 src/views/newHome/index.vue |   48 +++++++++++++++++++++++++++---------------------
 1 files changed, 27 insertions(+), 21 deletions(-)

diff --git a/src/views/newHome/index.vue b/src/views/newHome/index.vue
index 20b507b..8450675 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,
@@ -447,7 +452,7 @@
             transform: translateY(0);
         }
     }
-@media screen and (min-width: 1400px) {
+@media screen and (min-width: 1600px) {
     .gridCont {
         width: 100%;
         height: 100%;
@@ -515,7 +520,7 @@
             }
 
             .itemTit1 {
-                font-size: 34px;
+                font-size: 32px;
                 line-height: 42px;
                 height: 40%;
                 letter-spacing: 1px;
@@ -523,7 +528,7 @@
                 margin-bottom: 12px;
             }
             .enTit1 {
-                font-size: 20px;
+                font-size: 18px;
                 line-height: 24px;
                 color: #072270;
             }
@@ -543,7 +548,7 @@
     }
 }
 
-@media screen and (min-width: 1200px) and (max-width: 1400px) {
+@media screen and (min-width: 1200px) and (max-width: 1600px) {
     .gridCont {
         width: 100%;
         height: 100%;
@@ -565,14 +570,14 @@
             z-index: 99;
 
             .itemTit {
-                font-size: 26px;
+                font-size: 22px;
                 line-height: 30px;
                 height: 40%;
                 color: #072270;
                 margin-bottom: 2px;
             }
             .enTit {
-                font-size: 14px;
+                font-size: 12px;
                 color: #072270;
             }
 
@@ -611,7 +616,7 @@
             }
 
             .itemTit1 {
-                font-size: 28px;
+                font-size: 24px;
                 line-height: 36px;
                 height: 40%;
                 letter-spacing: 1px;
@@ -619,7 +624,7 @@
                 margin-bottom: 12px;
             }
             .enTit1 {
-                font-size: 16px;
+                font-size: 14px;
                 color: #072270;
             }
         }
@@ -658,12 +663,12 @@
             z-index: 99;
 
             .itemTit {
-                font-size: 18px;
+                font-size: 14px;
                 line-height: 22px;
                 color: #072270;
             }
             .enTit {
-                font-size: 12px;
+                font-size: 10px;
                 line-height: 14px;
                 color: #072270;
             }
@@ -703,7 +708,7 @@
             }
 
             .itemTit1 {
-                font-size: 24px;
+                font-size: 16px;
                 line-height: 36px;
                 height: 40%;
                 letter-spacing: 1px;
@@ -711,7 +716,7 @@
                 margin-bottom: 12px;
             }
             .enTit1 {
-                font-size: 14px;
+                font-size: 12px;
                 color: #072270;
             }
         }
@@ -817,7 +822,7 @@
         position: absolute;
         left: -100px;
         top: 0;
-        width: 240px;
+        width: 220px;
         height: 100%;
         z-index: 99;
         background: url('../../assets/newMenu/leftbg.png') no-repeat center;
@@ -896,12 +901,12 @@
         }
     }
     .menuGrid {
-        width: calc(100vw - 240px);
+        width: calc(100vw - 220px);
         height: calc(100vh - 320px);
         padding: 20px 20px 0;
         position: absolute;
         top: 260px;
-        left: 240px;
+        left: 220px;
         .gridCont {
             .grid-content {
                 border-radius: 16px;
@@ -912,9 +917,10 @@
                 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;

--
Gitblit v1.9.2