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-05 11:36:11 +08:00
parent 18319e66c5
commit 28ea0cc27f
2 changed files with 74 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

79
src/components/Header/index.vue
View File

@@ -368,10 +368,52 @@
<li><a href="/pricing" class="LNK">定价</a></li>
<li><a href="javascript:;" class="LNK">开源服务专区 <i class="ico-arrow-down"></i></a>
<div class="nav-hover">
<ul class="hover-child">
<li class="child-item"><a href="/open/doc" class="LNK">文档与支持</a></li>
</ul>
<div class="nav-hover hover-product hover-product2 EN" style="left: 400px;">
<div data-v-bc7d8fb8="" class="menu-row-title">全栈式开源安全检测与治理工具链</div>
<div class="product-list">
<div class="plist">
<div class="list-item">
<ul>
<!-- 创新资助计划 -->
<li class="hover-item">
<a href="javascript:;" rel="noopener noreferrer" class="LNK">💰 创新资助计划</a>
<h4 class="item-tit">助力生态孵化</h4>
<ul class="hover-child">
<li class="child-item"><a href="https://zzjh.org.cn/#/" target="_blank" class="LNK">为潜力开源项目提供资金支持，助力生态孵化。 </a></li>
<li class="child-item child-item-2"><a href="https://zzjh.org.cn/#/" target="_blank" class="LNK"><i class="ico-dp"></i> [ 申请资助 > ]</a></li>
</ul>
</li>
<!-- 开源安全奖励计划 -->
<li class="hover-item">
<a href="http://222.20.126.217:9700/#/" target="_blank" rel="noopener noreferrer" class="LNK">🏆 开源安全奖励计划</a>
<h4 class="item-tit">提升社区安全性</h4>
<ul class="hover-child">
<li class="child-item"><a target="_blank" href="http://222.20.126.217:9700/#/" class="LNK">悬赏发现开源组件漏洞的白帽黑客，提升社区安全性。</a></li>
<li class="child-item child-item-2"><a target="_blank" href="http://222.20.126.217:9700/#/" class="LNK"><i class="ico-dp"></i> [ 提交漏洞 > ]</a></li>
</ul>
</li>
<!-- 网络安全众测平台 -->
<li class="hover-item">
<a href="javascript:;" rel="noopener noreferrer" class="LNK">👥 网络安全众测平台</a>
<h4 class="item-tit">汇聚社区力量</h4>
<ul class="hover-child">
<li class="child-item"><a href="javascript:;" class="LNK">汇聚社区力量进行产品安全众测与代码审计。</a></li>
<li class="child-item child-item-2"><a href="javascript:;" class="LNK"><i class="ico-dp"></i> [ 参与众测 > ]</a></li>
</ul>
</li>
<!-- 靶场互联平台 -->
<li class="hover-item">
<a href="javascript:;" rel="noopener noreferrer" class="LNK">🎯 靶场互联平台</a>
<h4 class="item-tit">实战演练培训</h4>
<ul class="hover-child">
<li class="child-item"><a href="javascript:;" class="LNK">模拟真实攻防环境，提供实战演练与技能培训。</a></li>
<li class="child-item child-item-2"><a href="javascript:;" class="LNK"><i class="ico-dp"></i> [ 进入靶场 > ]</a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
</li>
@@ -445,7 +487,7 @@ const handleLogin = (type) => {
};
</script>
<style scoped>
<style lang="scss" scoped>
.comHeader {
display: -webkit-box;
display: -ms-flexbox;
@@ -1019,7 +1061,8 @@ const handleLogin = (type) => {
border: 1px solid #e9d0af;
margin: 15px 10px 0;
padding: 30px 20px 10px;
position: relative
position: relative;
min-height: 200px;
}
.comHeader .nav > ul > li .hover-product .product-list .plist .list-item .hover-item .child-item {
@@ -1027,6 +1070,12 @@ const handleLogin = (type) => {
position: relative
}
.comHeader .nav > ul > li .hover-product .product-list .plist .list-item .hover-item .child-item-2 {
position: absolute;
left: 0;
bottom: 12px;
}
.comHeader .nav > ul > li .hover-product .product-list .plist .list-item .hover-item .child-item:before {
background: #4bad52;
border-radius: 4px;
@@ -1368,4 +1417,22 @@ const handleLogin = (type) => {
.content2-hidden {
display: none !important;
}
.hover-product2 {
.menu-row-title {
color: #fff;
font-size: 13px;
padding: 20px 0;
/*writing-mode: vertical-rl;*/
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
background: linear-gradient(135deg, #22e68b, #008d35);
justify-content: center;
letter-spacing: 8px;
padding: 10px;
margin: 0 16px
/*width: 60px;*/
}
}
</style>

2
src/views/Jyh/Intro/component/ItemTrip.vue
View File

@@ -1,6 +1,6 @@
<template>
<div class="pg-intro item-trip">
<h4 class="main-title">我们的旅程</h4>
<h4 class="main-title">实验室里程碑</h4>
<div class="trip-slider" ref="tripSliderRef" @mousemove="handleMouseMove">
<swiper