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 | 67 +++++++++++++++++++++++----------
1 files changed, 46 insertions(+), 21 deletions(-)
diff --git a/src/views/newHome/index.vue b/src/views/newHome/index.vue
index a075efa..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,
@@ -433,7 +438,21 @@
left: 0;
}
}
-@media screen and (min-width: 1400px) {
+ @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: 1600px) {
.gridCont {
width: 100%;
height: 100%;
@@ -501,7 +520,7 @@
}
.itemTit1 {
- font-size: 34px;
+ font-size: 32px;
line-height: 42px;
height: 40%;
letter-spacing: 1px;
@@ -509,7 +528,7 @@
margin-bottom: 12px;
}
.enTit1 {
- font-size: 20px;
+ font-size: 18px;
line-height: 24px;
color: #072270;
}
@@ -529,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%;
@@ -551,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;
}
@@ -597,7 +616,7 @@
}
.itemTit1 {
- font-size: 28px;
+ font-size: 24px;
line-height: 36px;
height: 40%;
letter-spacing: 1px;
@@ -605,7 +624,7 @@
margin-bottom: 12px;
}
.enTit1 {
- font-size: 16px;
+ font-size: 14px;
color: #072270;
}
}
@@ -644,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;
}
@@ -689,7 +708,7 @@
}
.itemTit1 {
- font-size: 24px;
+ font-size: 16px;
line-height: 36px;
height: 40%;
letter-spacing: 1px;
@@ -697,7 +716,7 @@
margin-bottom: 12px;
}
.enTit1 {
- font-size: 14px;
+ font-size: 12px;
color: #072270;
}
}
@@ -803,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;
@@ -882,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;
@@ -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