From f064f30c91750ae7ffb912e47bca5f9dbc143c8b Mon Sep 17 00:00:00 2001
From: Admin <978517621@qq.com>
Date: 星期二, 16 八月 2022 16:02:21 +0800
Subject: [PATCH] Default Changelist
---
src/views/newHome/index.vue | 39 +++++++++++++++++++++++----------------
1 files changed, 23 insertions(+), 16 deletions(-)
diff --git a/src/views/newHome/index.vue b/src/views/newHome/index.vue
index 6efca78..9ceff18 100644
--- a/src/views/newHome/index.vue
+++ b/src/views/newHome/index.vue
@@ -49,13 +49,15 @@
<div class="gridCont">
<div class="grid-content grid-content-1 cont-bg-1" v-throttle @click="toRiskPlatform">
<div class="toplayer">
+ <div>
<img class="iconImg" src="../../assets/newMenu/icon1.png"/>
<div>
<div class="itemTit1">安全风险综合预警<br/>预报平台</div>
<div class="enTit1">Security risk comprehensive early warning and forecast platform</div>
</div>
+ </div>
</div>
- <img class="bgImg1" src="../../assets/newMenu/card1.png" />
+ <img class="bgImg1" src="../../assets/newMenu/card-1.png" />
</div>
<div class="grid-content cont-bg-1" v-throttle @click="render('2')">
<div class="toplayer">
@@ -65,7 +67,7 @@
<div class="enTit">Double prevention</div>
</div>
</div>
- <img class="bgImg" src="../../assets/newMenu/card4.png" />
+ <img class="bgImg" src="../../assets/newMenu/card-4.png" />
</div>
<div class="grid-content cont-bg-1" v-throttle @click="render('4')">
<div class="toplayer">
@@ -75,7 +77,7 @@
<div class="enTit">Intelligent inspection system</div>
</div>
</div>
- <img class="bgImg" src="../../assets/newMenu/card8.png" />
+ <img class="bgImg" src="../../assets/newMenu/card-8.png" />
</div>
<div class="grid-content cont-bg-1" v-throttle @click="render('3')">
<div class="toplayer">
@@ -85,7 +87,7 @@
<div class="enTit">special work</div>
</div>
</div>
- <img class="bgImg" src="../../assets/newMenu/card7.png" />
+ <img class="bgImg" src="../../assets/newMenu/card-7.png" />
</div>
<div class="grid-content cont-bg-1" v-throttle @click="render('7')">
<div class="toplayer">
@@ -95,7 +97,7 @@
<div class="enTit">Target Responsibility Management</div>
</div>
</div>
- <img class="bgImg" src="../../assets/newMenu/card2.png" />
+ <img class="bgImg" src="../../assets/newMenu/card-2.png" />
</div>
<div class="grid-content cont-bg-2" v-throttle @click="render('10')">
<div class="toplayer">
@@ -105,7 +107,7 @@
<div class="enTit">Security Knowledge Graph</div>
</div>
</div>
- <img class="bgImg" src="../../assets/newMenu/card3.png" />
+ <img class="bgImg" src="../../assets/newMenu/card-3.png" />
</div>
<div class="grid-content cont-bg-2" v-throttle @click="render('9')">
<div class="toplayer">
@@ -115,7 +117,7 @@
<div class="enTit">Comprehensive equipment control</div>
</div>
</div>
- <img class="bgImg" src="../../assets/newMenu/card9.png" />
+ <img class="bgImg" src="../../assets/newMenu/card-9.png" />
</div>
<div class="grid-content cont-bg-2" v-throttle @click="render('6')">
<div class="toplayer">
@@ -125,7 +127,7 @@
<div class="enTit">Emergency management</div>
</div>
</div>
- <img class="bgImg" src="../../assets/newMenu/card5.png" />
+ <img class="bgImg" src="../../assets/newMenu/card-5.png" />
</div>
<div class="grid-content cont-bg-2" v-throttle @click="render('11')">
<div class="toplayer">
@@ -135,7 +137,7 @@
<div class="enTit">Full life cycle of hazardous chemicals</div>
</div>
</div>
- <img class="bgImg" src="../../assets/newMenu/card10.png" />
+ <img class="bgImg" src="../../assets/newMenu/card-10.png" />
</div>
<div class="grid-content cont-bg-2" v-throttle @click="render('8')">
<div class="toplayer">
@@ -145,7 +147,7 @@
<div class="enTit">Incident Management</div>
</div>
</div>
- <img class="bgImg" src="../../assets/newMenu/card6.png" />
+ <img class="bgImg" src="../../assets/newMenu/card-6.png" />
</div>
<div class="grid-content cont-bg-2" @click="render('1')">
<div class="toplayer">
@@ -155,7 +157,7 @@
<div class="enTit">Basic data permissions</div>
</div>
</div>
- <img class="bgImg" src="../../assets/newMenu/card11.png" />
+ <img class="bgImg" src="../../assets/newMenu/card-11.png" />
</div>
</div>
</div>
@@ -187,6 +189,7 @@
import { useI18n } from 'vue-i18n';
import screenfull from 'screenfull';
import router from '../../router'
+import Cookies from 'js-cookie'
// 定义接口来定义对象的类型
interface LoginState {
@@ -347,7 +350,7 @@
//调后台菜单接口
const renderFun = async () => {
- Session.set('projectId', state.projectId);
+ Cookies.set('projectId', state.projectId);
userInfos.value.projectId = state.projectId;
await initBackEndControlRoutes().then(() => {
let linkToMenu = [...routesList.value];
@@ -604,11 +607,11 @@
}
&:hover {
background-image: radial-gradient(ellipse farthest-side at 50% 100%,#48A3FF 0%,#fff 120%);
- box-shadow: 0 8px 32px rgba(20, 97, 234, 0.4);
+ box-shadow: 8px 8px 24px rgba(20,97,234,.2), -8px -8px 24px #fafafa;
}
.itemTit {
- font-size: 32px;
+ font-size: 29px;
line-height: 36px;
height: 40%;
font-family: 'PingFang SC';
@@ -675,9 +678,13 @@
left: 0;
top: 0;
display: flex;
- align-items: flex-start;
- padding: 40px 20px;
+ align-items: center;
z-index: 99;
+
+ &>div{
+ display: flex;
+ align-items: flex-start;
+ }
}
}
--
Gitblit v1.9.2