cfy777/Situation-Awareness-Platform-Frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Tcode平台改造升级-态势感知中心页面开发及菜单栏展示修改

Browse Source
This commit is contained in:
fmk1023
2025-12-09 18:12:33 +08:00
parent d72546c81b
commit c249b9d70f
3 changed files with 223 additions and 448 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
src/views/Jyh/Situation/indexold.vue
View File

@@ -8,14 +8,20 @@
:autoplay="{ delay: 3000, disableOnInteraction: false }"
:speed="800"
>
<swiper-slide class="slide" @click="handleSlideClick('page1')">
<swiper-slide class="slide bigscreen3" @click="handleSlideClick('kxky')">
<div class="slide-content">
<h2>可信开源态势感知中心</h2>
<p>携手共建安全新生态</p>
</div>
</swiper-slide>
<swiper-slide class="slide bigscreen2" @click="handleSlideClick('page1')">
<div class="slide-content">
<h2>全球开源风险态势感知监控中心</h2>
<p>金银湖实验室与您共同成长</p>
</div>
<!-- <iframe src="http://222.20.126.217:10010/bigScreen/#/security-situation-awareness" style="height: 100%;width: 100%"></iframe>-->
</swiper-slide>
<swiper-slide class="slide" @click="handleSlideClick('page2')">
<swiper-slide class="slide bigscreen1" @click="handleSlideClick('page2')">
<div class="slide-content">
<h2>开源生态与贡献价值全景</h2>
<p>携手共建安全新生态</p>
@@ -43,6 +49,9 @@ const handleSlideClick = (pageType) => {
case 'page2':
window.open('http://222.20.126.217:10010/bigScreen/#/ecosystem-and-contribution');
break;
case 'kxky':
window.open('http://222.20.126.217:10010/bigScreen/#/kxky');
break;
default:
break;
}
@@ -70,13 +79,19 @@ const handleSlideClick = (pageType) => {
display: flex;
align-items: center;
justify-content: center;
background: url(@/assets/v3/bigscreen/bigscreen1.png) center/cover no-repeat;
/*background: url(@/assets/v3/bigscreen/bigscreen1.png) center/cover no-repeat;*/
cursor: pointer;
}
.slide:nth-child(2) {
.bigscreen1 {
background: url(@/assets/v3/bigscreen/bigscreen1.png) center/cover no-repeat;
}
.bigscreen2 {
background: url(@/assets/v3/bigscreen/bigscreen2.png) center/cover no-repeat;
}
.bigscreen3 {
background: url(@/assets/v3/bigscreen/bigscreen3.png) center/cover no-repeat;
}
.slide-content {
text-align: center;