From cefcb88c6cd0690052e503d5f1c943cb7f8a03cb Mon Sep 17 00:00:00 2001
From: Your Name <123456>
Date: 星期三, 30 十一月 2022 09:18:32 +0800
Subject: [PATCH] Merge branch 'master' of https://sinanoaq.cn:8888/r/gtqt
---
src/views/newHome/index.vue | 74 ++++++++++++++++++++++++++++--------
1 files changed, 57 insertions(+), 17 deletions(-)
diff --git a/src/views/newHome/index.vue b/src/views/newHome/index.vue
index 5f71b25..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>
@@ -328,9 +328,13 @@
// 去风险大屏
const toRiskPlatform = () => {
// router.push({
- // name: "bigDataScreen"
+ // 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,
@@ -415,6 +420,38 @@
</script>
<style scoped lang="scss">
+ @keyframes showDown {
+ 100% {
+ position: absolute;
+ top: 60px;
+ }
+ }
+ @keyframes moveDown {
+ 100% {
+ position: absolute;
+ top: 0;
+ }
+ }
+ @keyframes moveRight {
+ 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) {
.gridCont {
width: 100%;
@@ -537,7 +574,6 @@
line-height: 30px;
height: 40%;
color: #072270;
- margin-bottom: 1px;
margin-bottom: 2px;
}
.enTit {
@@ -710,35 +746,29 @@
display: flex;
justify-content: center;
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
- animation: showDown 0.6s 1 ease forwards;
-
- @keyframes showDown {
- 100% {
- position: absolute;
- top: 0;
- }
- }
}
.topPanelBg {
position: absolute;
width: 100%;
height: 60px;
- top: 0;
+ top: -60px;
left: 0;
background: rgba(255, 255, 255, 0.8);
z-index: 9;
+ animation: moveDown 0.6s 1 ease forwards;
}
.topPanelCont {
position: absolute;
width: 100%;
height: 60px;
padding: 0 50px;
- top: 0;
+ top: -60px;
left: 0;
display: flex;
align-items: center;
justify-content: space-between;
z-index: 999;
+ animation: moveDown 0.6s 1 ease forwards;
.topLogo {
display: flex;
@@ -790,26 +820,29 @@
}
.leftCont {
position: absolute;
- left: 0;
+ left: -100px;
top: 0;
width: 240px;
height: 100%;
z-index: 99;
background: url('../../assets/newMenu/leftbg.png') no-repeat center;
background-size: 100% 100%;
+ animation: moveRight .8s 1 ease forwards;
}
.topCont {
position: absolute;
width: 100%;
height: 200px;
left: 0;
- top: 60px;
+ top: 30px;
padding: 0 40px 0 120px;
z-index: 99999;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
+ animation: showDown 0.6s 1 ease forwards;
+
.topInfo {
width: 100%;
display: flex;
@@ -881,11 +914,18 @@
overflow: hidden;
cursor: pointer;
transition: 0.3s;
- border: none;
+ 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 #fafafa;
+ box-shadow: -8px -8px 24px rgba(20, 97, 234, 0.2), 8px 8px 24px rgba(20, 97, 234, 0.2);
+ 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