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

简化导航栏文字，合并某些服务详情

Browse Source
This commit is contained in:
djgj
2025-12-16 10:20:00 +08:00
parent 59d5988e2a
commit a812a96d82
5 changed files with 448 additions and 302 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -19,38 +19,38 @@
<div class="menu-row-items">
<!-- 模块1：SBOM 自动化分析 -->
<div v-for="(item, index) in coreModules" :key="index" class="menu-section">
<span class="menu-section-title">{{item.title}}</span>
<span class="menu-section-title">{{ item.title }}</span>
<ul class="hover-child">
<!-- <li class="child-item">-->
<!-- <a href="javascript:;" class="LNK"><i class="ico-yh"></i>{{item.desc1}}</a>-->
<!-- </li>-->
<!-- <li class="child-item">-->
<!-- <a href="javascript:;" class="LNK"><i class="ico-yh"></i>{{item.desc2}}</a>-->
<!-- </li>-->
<!-- <li class="child-item">-->
<!-- <a href="javascript:;" class="LNK"><i class="ico-yh"></i>{{item.desc3}}</a>-->
<!-- </li>-->
<!-- <li class="child-item">-->
<!-- <a href="javascript:;" class="LNK"><i class="ico-yh"></i>{{item.desc1}}</a>-->
<!-- </li>-->
<!-- <li class="child-item">-->
<!-- <a href="javascript:;" class="LNK"><i class="ico-yh"></i>{{item.desc2}}</a>-->
<!-- </li>-->
<!-- <li class="child-item">-->
<!-- <a href="javascript:;" class="LNK"><i class="ico-yh"></i>{{item.desc3}}</a>-->
<!-- </li>-->
<li class="child-item">
<a href="javascript:;" class="LNK"><i class="ico-yh"></i>{{item.desc4}}</a>
<a href="javascript:;" class="LNK"><i class="ico-yh"></i>{{ item.desc4 }}</a>
</li>
<li class="child-item">
<a href="javascript:;" class="LNK"><i class="ico-yh"></i>{{item.desc5}}</a>
<a href="javascript:;" class="LNK"><i class="ico-yh"></i>{{ item.desc5 }}</a>
</li>
<li class="child-item">
<a href="javascript:;" class="LNK"><i class="ico-yh"></i>{{item.desc6}}</a>
<a href="javascript:;" class="LNK"><i class="ico-yh"></i>{{ item.desc6 }}</a>
</li>
<li class="child-item" v-if="item.desc7 !=undefined">
<a href="javascript:;" class="LNK"><i class="ico-yh"></i>{{item.desc7}}</a>
<li class="child-item" v-if="item.desc7 != undefined">
<a href="javascript:;" class="LNK"><i class="ico-yh"></i>{{ item.desc7 }}</a>
</li>
<li class="child-item" v-if="item.desc8 !=undefined">
<a href="javascript:;" class="LNK"><i class="ico-yh"></i>{{item.desc8}}</a>
<li class="child-item" v-if="item.desc8 != undefined">
<a href="javascript:;" class="LNK"><i class="ico-yh"></i>{{ item.desc8 }}</a>
</li>
<li class="child-item" v-if="item.desc9 !=undefined">
<a href="javascript:;" class="LNK"><i class="ico-yh"></i>{{item.desc9}}</a>
<li class="child-item" v-if="item.desc9 != undefined">
<a href="javascript:;" class="LNK"><i class="ico-yh"></i>{{ item.desc9 }}</a>
</li>
<li class="child-item">
<router-link :to="{ path: '/ProductServices/' + (index+1)}" class="LNK">
{{item.linkText}}</router-link>
<router-link :to="{ path: '/ProductServices/' + (index + 1) }" class="LNK">
{{ item.linkText }}</router-link>
</li>
</ul>
</div>
@@ -73,22 +73,15 @@
<div class="menu-row-title">核心安全数据要素服务</div>
<div class="menu-row-items">
<!-- 循环渲染数据服务模块 -->
<div
v-for="(item, index) in dataServiceModules"
:key="index"
class="menu-section"
>
<span class="menu-section-title">{{item.icon}} {{item.title}}</span>
<div v-for="(item, index) in dataServiceModules" :key="index" class="menu-section">
<span class="menu-section-title">{{ item.icon }} {{ item.title }}</span>
<ul class="hover-child">
<li class="child-item">
<a href="javascript:;" class="LNK"><i class="ico-yh"></i>{{item.desc}}</a>
<a href="javascript:;" class="LNK"><i class="ico-yh"></i>{{ item.desc }}</a>
</li>
<li class="child-item">
<router-link
:to="item.link"
class="LNK"
>
<i class="ico-dp"></i> {{item.linkText}}
<router-link :to="item.link" class="LNK">
<i class="ico-dp"></i> {{ item.linkText }}
</router-link>
</li>
</ul>
@@ -103,54 +96,54 @@
<router-link to="/Situation" class="LNK">态势感知中心 <i class="ico-arrow-down"></i></router-link>
</li>
<!-- <li>-->
<!-- <router-link to="/pricing" class="LNK">定价</router-link>-->
<!-- </li>-->
<!-- <li>-->
<!-- <router-link to="/pricing" class="LNK">定价</router-link>-->
<!-- </li>-->
<!-- <li>-->
<!-- <a href="javascript:;" rel="noopener noreferrer" class="LNK">开源服务专区 <i class="ico-arrow-down"></i></a>-->
<!-- <div class="nav-hover hover-product">-->
<!-- <div class="menu-zh">-->
<!-- <div class="menu-row menu-row1">-->
<!-- <div class="menu-row-title">全栈式开源安全检测与治理工具链</div>-->
<!-- <div class="menu-row-items">-->
<!-- &lt;!&ndash; 循环渲染开源服务专区模块 &ndash;&gt;-->
<!-- <div-->
<!-- v-for="(item, index) in openSourceServiceModules"-->
<!-- :key="index"-->
<!-- class="menu-section"-->
<!-- >-->
<!-- <span class="menu-section-title">{{item.icon}} {{item.title}}</span>-->
<!-- <ul class="hover-child">-->
<!-- <li class="child-item">-->
<!-- <a-->
<!-- :href="item.descLink"-->
<!-- :target="item.isExternal ? '_blank' : '_self'"-->
<!-- class="LNK"-->
<!-- >-->
<!-- <i class="ico-yh"></i>{{item.desc}}-->
<!-- </a>-->
<!-- </li>-->
<!-- <li class="child-item">-->
<!-- <a-->
<!-- :href="item.operateLink"-->
<!-- :target="item.isExternal ? '_blank' : '_self'"-->
<!-- class="LNK"-->
<!-- >-->
<!-- <i class="ico-dp"></i> {{item.operateText}}-->
<!-- </a>-->
<!-- </li>-->
<!-- </ul>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </li>-->
<!-- <li>-->
<!-- <router-link to="/Community" class="LNK">武汉开源建设生态<i class="ico-arrow-down"></i></router-link>-->
<!-- <li>-->
<!-- <a href="javascript:;" rel="noopener noreferrer" class="LNK">开源服务专区 <i class="ico-arrow-down"></i></a>-->
<!-- <div class="nav-hover hover-product">-->
<!-- <div class="menu-zh">-->
<!-- <div class="menu-row menu-row1">-->
<!-- <div class="menu-row-title">全栈式开源安全检测与治理工具链</div>-->
<!-- <div class="menu-row-items">-->
<!-- &lt;!&ndash; 循环渲染开源服务专区模块 &ndash;&gt;-->
<!-- <div-->
<!-- v-for="(item, index) in openSourceServiceModules"-->
<!-- :key="index"-->
<!-- class="menu-section"-->
<!-- >-->
<!-- <span class="menu-section-title">{{item.icon}} {{item.title}}</span>-->
<!-- <ul class="hover-child">-->
<!-- <li class="child-item">-->
<!-- <a-->
<!-- :href="item.descLink"-->
<!-- :target="item.isExternal ? '_blank' : '_self'"-->
<!-- class="LNK"-->
<!-- >-->
<!-- <i class="ico-yh"></i>{{item.desc}}-->
<!-- </a>-->
<!-- </li>-->
<!-- <li class="child-item">-->
<!-- <a-->
<!-- :href="item.operateLink"-->
<!-- :target="item.isExternal ? '_blank' : '_self'"-->
<!-- class="LNK"-->
<!-- >-->
<!-- <i class="ico-dp"></i> {{item.operateText}}-->
<!-- </a>-->
<!-- </li>-->
<!-- </ul>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </li>-->
<!-- <li>-->
<!-- <router-link to="/Community" class="LNK">武汉开源建设生态<i class="ico-arrow-down"></i></router-link>-->
<!-- </li>-->
<!-- </li>-->
<li>
<router-link to="/intro" class="LNK">关于我们 <i class="ico-arrow-down"></i></router-link>
<!-- <div class="nav-hover">-->
@@ -173,10 +166,10 @@
</template>
<script setup lang="ts">
import {ref, reactive} from 'vue';
import {useRoute, useRouter} from 'vue-router';
import {useAccountStore} from '@/stores/user';
import {emitEvent} from '@/utils/eventBus';
import { ref, reactive } from 'vue';
import { useRoute, useRouter } from 'vue-router';
import { useAccountStore } from '@/stores/user';
import { emitEvent } from '@/utils/eventBus';
// 定义产品服务模块的数据
const coreModules = reactive([
@@ -186,9 +179,10 @@ const coreModules = reactive([
desc1: '数据底座 国家级视野',
desc2: '全网态势，一屏尽览',
desc3: '基于3D可视化与实时监控技术，通过全网态势大屏、实时情报推送、攻击面管理等功能，可全方位感知全球开源安全风险态势。',
desc4: '<EFBFBD>️ 数据标签：基于机器学习与知识图谱技术，智能化为全量开源项目提供精准分类与多维度评分。',
desc5: '🛡️ 风险感知：基于3D地球与热力图技术，实时可视化展示全球开源漏洞、投毒攻击的爆发点及受影响行业分布。',
desc6: '📊 数据定制：提供情报订阅中心、深度分析报告、API数据对接等服务，满足企业个性化威胁情报需求。',
desc4: '智能标签：机器学习驱动，为全量开源项目提供精准分类与多维评分。',
desc5: '态势可视：3D地球实时展示全球漏洞、投毒攻击爆发点及行业分布。',
desc6: '情报定制：订阅中心、深度报告、API对接，满足个性化威胁情报需求。',
desc7: '应急响应：智能分级预警、应急指引、协同指挥，快速响应形成闭环管理。',
link: '/ProductServices/1',
linkText: '[了解详情 >]'
},
@@ -198,10 +192,10 @@ const coreModules = reactive([
desc1: '核心引擎 AI 驱动',
desc2: '懂代码，更懂安全的 AI 专家',
desc3: '基于AST语法树、CPG图构建与多智能体协同技术，结合RAG知识库与COT指令集训练，实现从漏洞检测到自动修复的智能闭环。',
desc4: '🔍 漏洞检测：基于AST与CPG图构建，结合静态分析、动态增量分析、AI语义理解，检测准确率提升85%以上。',
desc5: '<EFBFBD> 漏洞修复：基于多智能体协同修复技术，自动生成修复方案并完成验证测试，修复准确率提升75%以上。',
desc6: '💬 安全知识问答：基于漏洞知识图谱与RAG检索增强技术，提供高质量、可解释的漏洞分析，问答准确率达92%以上。',
desc7: '🛠️ 安全工具调用：基于Function Calling技术，智能调用第三方安全工具，实现漏洞扫描、代码审计等自动化任务编排。',
desc4: '漏洞检测：AST与CPG图结合静态/动态分析、AI语义理解，精准识别代码安全风险。',
desc5: '漏洞修复：多智能体协同自动生成修复方案并验证测试，实现智能化修复闭环。',
desc6: '知识问答：漏洞知识图谱与RAG检索增强，提供可解释的专业漏洞分析。',
desc7: '工具编排：智能调用第三方安全工具，自动化完成扫描、审计等安全任务。',
link: '/ProductServices/2',
linkText: '[了解详情 >]'
},
@@ -211,12 +205,10 @@ const coreModules = reactive([
desc1: '深度治理 合规审计',
desc2: '透视黑盒，溯源无忧',
desc3: '穿透软件“黑盒”，基于源码与二进制双引擎，生成标准化 SBOM，彻底解决“成分不清、来源不明”难题。',
desc4: '<EFBFBD> 平台管理与数据服务：提供用户友好的Web界面和API，确保数据准确性与时效性。',
desc5: '<EFBFBD> 包管理器成分分析：针对常见包管理器（如npm、PyPI、Maven）的依赖分析引擎，自动识别组件及其版本。',
desc6: '<EFBFBD> C/C++/项目成分分析：专门处理C/C++项目的成分分析，识别第三方库和潜在风险。',
desc7: '<EFBFBD> 二进制文件成分分析： 针对二进制文件的分析引擎，通过反编译和特征匹配识别成分和漏洞。',
desc8: '<27>️ 供应测链安全检测：精准漏洞检测、恶意代码防护、合规性保障。',
desc9: '<27>️ 合规性检测：分析软件组件的许可证信息，检查兼容性和合规性，避免法律冲突。',
desc4: '平台服务：Web界面与API双通道，确保数据准确性与时效性。',
desc5: '成分分析：覆盖主流包管理器、C/C++项目及二进制文件，精准识别组件与风险。',
desc6: '安全检测：精准漏洞检测、恶意代码防护、合规性保障。',
desc7: '许可证合规：分析组件许可证信息，检查兼容性，避免法律冲突。',
link: '/ProductServices/3',
linkText: '[了解详情 >]'
},
@@ -226,10 +218,10 @@ const coreModules = reactive([
desc1: '端侧防御 场景落地',
desc2: '守护终端，运行无界',
desc3: '面向车联网、无人机及 IoT 生态，提供应用逆向分析与运行时安全监测，确保设备在真实环境下的安全运行。',
desc4: '🔍 极速扫描服务：百万级样本秒级初筛能力，支持海量应用快速筛查，检测准确率高达99%。',
desc5: '🔬 深度分析服务：精准定位恶意逻辑核心，可视化展示攻击路径，分析准确率达88%以上。',
desc6: '🛡️ 持续免疫服务：自适应进化检测模型，秒级响应恶意变种，支持跨平台识别演进。',
desc7: '🌐 威胁情报服务：Zero-day预警能力，已挖掘498个普通及31个高隐蔽性Zero-day恶意软件。',
desc4: '极速扫描：百万级样本秒级初筛，支持海量应用快速筛查。',
desc5: '深度分析：精准定位恶意逻辑核心，可视化展示攻击路径。',
desc6: '持续免疫：自适应进化检测模型，秒级响应恶意变种，支持跨平台识别。',
desc7: '威胁情报：Zero-day预警能力，实时发现高隐蔽性恶意软件。',
link: '/intelligent-terminal-monitoring',
linkText: '[了解详情 >]'
}
@@ -298,7 +290,7 @@ const openSourceServiceModules = reactive([
]);
const handleLogin = (type) => {
emitEvent('login', {type, triggerType: '主动注册'});
emitEvent('login', { type, triggerType: '主动注册' });
};
</script>
@@ -359,34 +351,35 @@ const handleLogin = (type) => {
align-items: center
}
.comHeader .nav, .comHeader .nav > ul {
.comHeader .nav,
.comHeader .nav>ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.comHeader .nav > ul {
.comHeader .nav>ul {
margin: 0 0 0 38px
}
.comHeader .nav > ul > li {
.comHeader .nav>ul>li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative
}
.comHeader .nav > ul > li:hover > a {
.comHeader .nav>ul>li:hover>a {
color: #4bb752
}
.comHeader .nav > ul > li:hover .nav-hover {
.comHeader .nav>ul>li:hover .nav-hover {
opacity: 1;
top: 62px;
visibility: visible
}
.comHeader .nav > ul > li .nav-hover {
.comHeader .nav>ul>li .nav-hover {
background-color: #1b1c1d;
font-size: 13px;
left: 0;
@@ -402,21 +395,21 @@ const handleLogin = (type) => {
white-space: nowrap
}
.comHeader .nav > ul > li .nav-hover > ul {
.comHeader .nav>ul>li .nav-hover>ul {
max-height: 452px;
overflow: hidden;
overflow-y: scroll
}
.comHeader .nav > ul > li .nav-hover > ul::-webkit-scrollbar {
.comHeader .nav>ul>li .nav-hover>ul::-webkit-scrollbar {
width: 0
}
.comHeader .nav > ul > li .nav-hover .hover-item {
.comHeader .nav>ul>li .nav-hover .hover-item {
margin: 0 0 10px
}
.comHeader .nav > ul > li .nav-hover .hover-item > a:link {
.comHeader .nav>ul>li .nav-hover .hover-item>a:link {
color: #848484;
font-size: 14px;
padding: 0 20px;
@@ -424,11 +417,11 @@ const handleLogin = (type) => {
transition: none
}
.comHeader .nav > ul > li .nav-hover .hover-item > a:hover {
.comHeader .nav>ul>li .nav-hover .hover-item>a:hover {
color: #4bb752
}
.comHeader .nav > ul > li .nav-hover .child-item a {
.comHeader .nav>ul>li .nav-hover .child-item a {
border-left: 4px solid #1b1c1d;
display: inline-block;
line-height: 25px;
@@ -439,7 +432,7 @@ const handleLogin = (type) => {
white-space: normal
}
.comHeader .nav > ul > li .nav-hover .child-item a .ico-yh {
.comHeader .nav>ul>li .nav-hover .child-item a .ico-yh {
background: url(data:image/png;base64,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) no-repeat 50%;
background-size: 100% 100%;
display: inline-block;
@@ -450,7 +443,7 @@ const handleLogin = (type) => {
width: 12px
}
.comHeader .nav > ul > li .nav-hover .child-item a .ico-dp {
.comHeader .nav>ul>li .nav-hover .child-item a .ico-dp {
background: url(./3.B1j6TFrJ.png) no-repeat 50%;
background-size: 100% 100%;
display: inline-block;
@@ -461,7 +454,7 @@ const handleLogin = (type) => {
width: 12px
}
.comHeader .nav > ul > li .nav-hover .child-item a .ico-mz {
.comHeader .nav>ul>li .nav-hover .child-item a .ico-mz {
background: url(./4.CliINQHr.png) no-repeat 50%;
background-size: 100% 100%;
display: inline-block;
@@ -472,7 +465,7 @@ const handleLogin = (type) => {
width: 12px
}
.comHeader .nav > ul > li .nav-hover .child-item a .ico-xh {
.comHeader .nav>ul>li .nav-hover .child-item a .ico-xh {
background: url(data:image/png;base64,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) no-repeat 50%;
background-size: 100% 100%;
display: inline-block;
@@ -483,7 +476,7 @@ const handleLogin = (type) => {
width: 12px
}
.comHeader .nav > ul > li .nav-hover .child-item a .ico-zn {
.comHeader .nav>ul>li .nav-hover .child-item a .ico-zn {
background: url(./7.CzOWPVUI.png) no-repeat 50%;
background-size: 100% 100%;
display: inline-block;
@@ -494,7 +487,7 @@ const handleLogin = (type) => {
width: 22px
}
.comHeader .nav > ul > li .nav-hover .child-item a .ico-zn2 {
.comHeader .nav>ul>li .nav-hover .child-item a .ico-zn2 {
background: url(./6.CHtcQ5m4.png) no-repeat 50%;
background-size: 100% 100%;
display: inline-block;
@@ -505,11 +498,11 @@ const handleLogin = (type) => {
width: 30px
}
.comHeader .nav > ul > li .nav-hover .child-item a:hover {
.comHeader .nav>ul>li .nav-hover .child-item a:hover {
border-color: #4bb752
}
.comHeader .nav > ul > li .hover-product {
.comHeader .nav>ul>li .hover-product {
background-color: #fff;
-webkit-box-shadow: 0 2px 11px 2px rgba(0, 0, 0, .08);
box-shadow: 0 2px 11px 2px #00000014;
@@ -521,54 +514,54 @@ const handleLogin = (type) => {
right: 0
}
.comHeader .nav > ul > li .hover-product.hover-product2 {
.comHeader .nav>ul>li .hover-product.hover-product2 {
left: 150px;
right: auto
}
.comHeader .nav > ul > li .hover-product.hover-product2 .product-list {
.comHeader .nav>ul>li .hover-product.hover-product2 .product-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.comHeader .nav > ul > li .hover-product.hover-product2 .product-list .plist {
.comHeader .nav>ul>li .hover-product.hover-product2 .product-list .plist {
padding: 10px
}
.comHeader .nav > ul > li .hover-product.hover-product2 .product-list .plist:first-child > .list-item > ul > .hover-item {
.comHeader .nav>ul>li .hover-product.hover-product2 .product-list .plist:first-child>.list-item>ul>.hover-item {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1
}
.comHeader .nav > ul > li .hover-product.EN {
.comHeader .nav>ul>li .hover-product.EN {
background-color: #040705
}
.comHeader .nav > ul > li .hover-product.EN.hover-product2 {
.comHeader .nav>ul>li .hover-product.EN.hover-product2 {
left: 300px;
right: auto
}
.comHeader .nav > ul > li .hover-product.EN.hover-product2 .plist {
.comHeader .nav>ul>li .hover-product.EN.hover-product2 .plist {
padding-left: 10px
}
.comHeader .nav > ul > li .hover-product.EN.hover-product2 .plist .list-item {
.comHeader .nav>ul>li .hover-product.EN.hover-product2 .plist .list-item {
padding: 0 !important
}
.comHeader .nav > ul > li .hover-product.EN .product-list .plist {
.comHeader .nav>ul>li .hover-product.EN .product-list .plist {
padding-bottom: 7px;
padding-top: 7px
}
.comHeader .nav > ul > li .hover-product.EN .product-list .plist .list-label {
.comHeader .nav>ul>li .hover-product.EN .product-list .plist .list-label {
width: 60px
}
.comHeader .nav > ul > li .hover-product.EN .product-list .plist .list-label span {
.comHeader .nav>ul>li .hover-product.EN .product-list .plist .list-label span {
font-size: 20px;
font-weight: 700;
left: -83px;
@@ -578,36 +571,36 @@ const handleLogin = (type) => {
white-space: nowrap
}
.comHeader .nav > ul > li .hover-product.EN .product-list .plist:first-child .list-label {
.comHeader .nav>ul>li .hover-product.EN .product-list .plist:first-child .list-label {
background: linear-gradient(135deg, #22e68b, #008d35)
}
.comHeader .nav > ul > li .hover-product.EN .product-list .plist:first-child > .list-item > ul > .hover-item {
.comHeader .nav>ul>li .hover-product.EN .product-list .plist:first-child>.list-item>ul>.hover-item {
background-color: #15210f;
border-color: #23e98e
}
.comHeader .nav > ul > li .hover-product.EN .product-list .plist:nth-child(2) .list-label {
.comHeader .nav>ul>li .hover-product.EN .product-list .plist:nth-child(2) .list-label {
background: linear-gradient(160deg, #48fffa, #008d9a);
text-align: center
}
.comHeader .nav > ul > li .hover-product.EN .product-list .plist:nth-child(2) .list-label span {
.comHeader .nav>ul>li .hover-product.EN .product-list .plist:nth-child(2) .list-label span {
left: -72px
}
.comHeader .nav > ul > li .hover-product.EN .product-list .plist:nth-child(2) > .list-item > ul > .hover-item {
.comHeader .nav>ul>li .hover-product.EN .product-list .plist:nth-child(2)>.list-item>ul>.hover-item {
background-color: #101e1f;
border-color: #8b979c
}
.comHeader .nav > ul > li .hover-product.EN .product-list .plist:nth-child(2) > .list-item > ul > .hover-item .child-item {
.comHeader .nav>ul>li .hover-product.EN .product-list .plist:nth-child(2)>.list-item>ul>.hover-item .child-item {
background: linear-gradient(160deg, #205c5d, #103f44);
margin: 7px 0 0;
padding: 7px 0 7px 30px
}
.comHeader .nav > ul > li .hover-product.EN .product-list .plist:nth-child(2) > .list-item > ul > .hover-item > .LNK {
.comHeader .nav>ul>li .hover-product.EN .product-list .plist:nth-child(2)>.list-item>ul>.hover-item>.LNK {
background: linear-gradient(135deg, #49fefa, #008d9a);
display: -webkit-box;
display: -ms-flexbox;
@@ -620,44 +613,44 @@ const handleLogin = (type) => {
justify-content: center
}
.comHeader .nav > ul > li .hover-product.EN .product-list .plist:nth-child(2) .list-label .span1 {
.comHeader .nav>ul>li .hover-product.EN .product-list .plist:nth-child(2) .list-label .span1 {
left: -30px
}
.comHeader .nav > ul > li .hover-product.EN .product-list .plist:nth-child(2) .list-label .span2 {
.comHeader .nav>ul>li .hover-product.EN .product-list .plist:nth-child(2) .list-label .span2 {
left: -95px
}
.comHeader .nav > ul > li .hover-product.EN .product-list .plist:nth-child(3) .list-label {
.comHeader .nav>ul>li .hover-product.EN .product-list .plist:nth-child(3) .list-label {
background: linear-gradient(135deg, #ffcd68, #fe682d)
}
.comHeader .nav > ul > li .hover-product.EN .product-list .plist:nth-child(3) .list-label .span1 {
.comHeader .nav>ul>li .hover-product.EN .product-list .plist:nth-child(3) .list-label .span1 {
left: -38px
}
.comHeader .nav > ul > li .hover-product.EN .product-list .plist:nth-child(3) .list-label .span2 {
.comHeader .nav>ul>li .hover-product.EN .product-list .plist:nth-child(3) .list-label .span2 {
left: -106px
}
.comHeader .nav > ul > li .hover-product.EN .product-list .plist:nth-child(3) > .list-item > ul > .hover-item {
.comHeader .nav>ul>li .hover-product.EN .product-list .plist:nth-child(3)>.list-item>ul>.hover-item {
background-color: #2d1d08;
border-color: #ffa24b
}
.comHeader .nav > ul > li .hover-product.EN .product-list .plist:nth-child(3) > .list-item > ul > .hover-item .child-item {
.comHeader .nav>ul>li .hover-product.EN .product-list .plist:nth-child(3)>.list-item>ul>.hover-item .child-item {
background: linear-gradient(135deg, #442e10, #44230c);
margin: 7px 0 0;
padding: 7px 0 7px 30px;
width: 32.333% !important
}
.comHeader .nav > ul > li .hover-product.EN .product-list .plist .list-item .hover-item {
.comHeader .nav>ul>li .hover-product.EN .product-list .plist .list-item .hover-item {
padding-top: 35px;
position: relative
}
.comHeader .nav > ul > li .hover-product.EN .product-list .plist .list-item .hover-item > .LNK {
.comHeader .nav>ul>li .hover-product.EN .product-list .plist .list-item .hover-item>.LNK {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
@@ -675,45 +668,46 @@ const handleLogin = (type) => {
white-space: normal
}
.comHeader .nav > ul > li .hover-product.EN .child-item a {
.comHeader .nav>ul>li .hover-product.EN .child-item a {
color: #dcdbde;
font-size: 12px;
line-height: 18px
}
.comHeader .nav > ul > li .hover-product.EN .child-item a:hover {
.comHeader .nav>ul>li .hover-product.EN .child-item a:hover {
color: #fff
}
.comHeader .nav > ul > li .hover-product.EN .child-item a .ico-yh {
.comHeader .nav>ul>li .hover-product.EN .child-item a .ico-yh {
background: url(data:image/png;base64,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) no-repeat 50%;
background-size: 100% 100%;
top: 3px
}
.comHeader .nav > ul > li .hover-product.EN .child-item a .ico-dp {
.comHeader .nav>ul>li .hover-product.EN .child-item a .ico-dp {
background: url(./3.B1j6TFrJ.png) no-repeat 50%;
background-size: 100% 100%;
top: 3px
}
.comHeader .nav > ul > li .hover-product.EN .child-item a .ico-mz {
.comHeader .nav>ul>li .hover-product.EN .child-item a .ico-mz {
background: url(./4.CliINQHr.png) no-repeat 50%;
background-size: 100% 100%;
top: 3px
}
.comHeader .nav > ul > li .hover-product.EN .child-item a .ico-xh {
.comHeader .nav>ul>li .hover-product.EN .child-item a .ico-xh {
background: url(./5.R14BVqop.png) no-repeat 50%;
background-size: 100% 100%;
top: 3px
}
.comHeader .nav > ul > li .hover-product.EN .ico-zn, .comHeader .nav > ul > li .hover-product.EN .ico-zn2 {
.comHeader .nav>ul>li .hover-product.EN .ico-zn,
.comHeader .nav>ul>li .hover-product.EN .ico-zn2 {
display: none !important
}
.comHeader .nav > ul > li .hover-product.EN .item-tit {
.comHeader .nav>ul>li .hover-product.EN .item-tit {
color: #00e07b;
font-size: 12px;
line-height: 18px;
@@ -723,7 +717,7 @@ const handleLogin = (type) => {
white-space: normal
}
.comHeader .nav > ul > li .hover-product.EN .item-tit:before {
.comHeader .nav>ul>li .hover-product.EN .item-tit:before {
background-color: #00e07b;
content: "";
height: 100%;
@@ -733,21 +727,21 @@ const handleLogin = (type) => {
width: 2px
}
.comHeader .nav > ul > li .hover-product .item-tit {
.comHeader .nav>ul>li .hover-product .item-tit {
font-weight: 700;
margin: 5px 0 0
}
.comHeader .nav > ul > li .hover-product .child-item a {
.comHeader .nav>ul>li .hover-product .child-item a {
border: none;
color: #333
}
.comHeader .nav > ul > li .hover-product .child-item a:hover {
.comHeader .nav>ul>li .hover-product .child-item a:hover {
color: #4bb752
}
.comHeader .nav > ul > li .hover-product .product-list {
.comHeader .nav>ul>li .hover-product .product-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
@@ -757,7 +751,7 @@ const handleLogin = (type) => {
flex-direction: column
}
.comHeader .nav > ul > li .hover-product .product-list .plist {
.comHeader .nav>ul>li .hover-product .product-list .plist {
color: #333;
display: -webkit-box;
display: -ms-flexbox;
@@ -765,16 +759,16 @@ const handleLogin = (type) => {
padding: 10px 20px
}
.comHeader .nav > ul > li .hover-product .product-list .plist:first-child .list-label {
.comHeader .nav>ul>li .hover-product .product-list .plist:first-child .list-label {
background: -webkit-gradient(linear, right top, left top, from(#49ac8c), to(#79ba49));
background: linear-gradient(270deg, #49ac8c, #79ba49)
}
.comHeader .nav > ul > li .hover-product .product-list .plist:first-child > .list-item {
.comHeader .nav>ul>li .hover-product .product-list .plist:first-child>.list-item {
padding: 0 5px
}
.comHeader .nav > ul > li .hover-product .product-list .plist:first-child > .list-item > ul > .hover-item {
.comHeader .nav>ul>li .hover-product .product-list .plist:first-child>.list-item>ul>.hover-item {
width: 15.8%;
-ms-flex-negative: 0;
background-color: #f5fbf1;
@@ -784,15 +778,15 @@ const handleLogin = (type) => {
margin-right: .43%
}
.comHeader .nav > ul > li .hover-product .product-list .plist:nth-child(2) .list-label {
.comHeader .nav>ul>li .hover-product .product-list .plist:nth-child(2) .list-label {
background: #40a9f5
}
.comHeader .nav > ul > li .hover-product .product-list .plist:nth-child(2) > .list-item {
.comHeader .nav>ul>li .hover-product .product-list .plist:nth-child(2)>.list-item {
padding: 0 5px
}
.comHeader .nav > ul > li .hover-product .product-list .plist:nth-child(2) > .list-item > ul > .hover-item {
.comHeader .nav>ul>li .hover-product .product-list .plist:nth-child(2)>.list-item>ul>.hover-item {
width: 32.333%;
-ms-flex-negative: 0;
background-color: #f8f8f8;
@@ -802,19 +796,19 @@ const handleLogin = (type) => {
margin-right: .5%
}
.comHeader .nav > ul > li .hover-product .product-list .plist:nth-child(2) > .list-item > ul > .hover-item > .LNK {
.comHeader .nav>ul>li .hover-product .product-list .plist:nth-child(2)>.list-item>ul>.hover-item>.LNK {
background-color: #40a9f5
}
.comHeader .nav > ul > li .hover-product .product-list .plist:nth-child(3) > .list-item {
.comHeader .nav>ul>li .hover-product .product-list .plist:nth-child(3)>.list-item {
padding: 0 5px
}
.comHeader .nav > ul > li .hover-product .product-list .plist:nth-child(3) > .list-item > ul {
.comHeader .nav>ul>li .hover-product .product-list .plist:nth-child(3)>.list-item>ul {
height: 100%
}
.comHeader .nav > ul > li .hover-product .product-list .plist:nth-child(3) > .list-item > ul > .hover-item {
.comHeader .nav>ul>li .hover-product .product-list .plist:nth-child(3)>.list-item>ul>.hover-item {
width: 99%;
-ms-flex-negative: 0;
flex-shrink: 0;
@@ -824,7 +818,7 @@ const handleLogin = (type) => {
padding-top: 10px
}
.comHeader .nav > ul > li .hover-product .product-list .plist:nth-child(3) > .list-item > ul > .hover-item .hover-child {
.comHeader .nav>ul>li .hover-product .product-list .plist:nth-child(3)>.list-item>ul>.hover-item .hover-child {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
@@ -832,7 +826,7 @@ const handleLogin = (type) => {
flex-wrap: wrap
}
.comHeader .nav > ul > li .hover-product .product-list .plist:nth-child(3) > .list-item > ul > .hover-item .hover-child .child-item {
.comHeader .nav>ul>li .hover-product .product-list .plist:nth-child(3)>.list-item>ul>.hover-item .hover-child .child-item {
width: 24%;
-ms-flex-negative: 0;
flex-shrink: 0;
@@ -840,7 +834,7 @@ const handleLogin = (type) => {
margin-right: .5%
}
.comHeader .nav > ul > li .hover-product .product-list .plist .list-label {
.comHeader .nav>ul>li .hover-product .product-list .plist .list-label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
@@ -855,13 +849,13 @@ const handleLogin = (type) => {
width: 40px
}
.comHeader .nav > ul > li .hover-product .product-list .plist .list-item {
.comHeader .nav>ul>li .hover-product .product-list .plist .list-item {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1
}
.comHeader .nav > ul > li .hover-product .product-list .plist .list-item > ul {
.comHeader .nav>ul>li .hover-product .product-list .plist .list-item>ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
@@ -871,7 +865,7 @@ const handleLogin = (type) => {
flex-direction: row
}
.comHeader .nav > ul > li .hover-product .product-list .plist .list-item .hover-item {
.comHeader .nav>ul>li .hover-product .product-list .plist .list-item .hover-item {
background-color: #fff9ed;
border: 1px solid #e9d0af;
margin: 15px 10px 0;
@@ -880,18 +874,18 @@ const handleLogin = (type) => {
min-height: 200px;
}
.comHeader .nav > ul > li .hover-product .product-list .plist .list-item .hover-item .child-item {
.comHeader .nav>ul>li .hover-product .product-list .plist .list-item .hover-item .child-item {
line-height: 22px;
position: relative
}
.comHeader .nav > ul > li .hover-product .product-list .plist .list-item .hover-item .child-item-2 {
.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 {
.comHeader .nav>ul>li .hover-product .product-list .plist .list-item .hover-item .child-item:before {
background: #4bad52;
border-radius: 4px;
content: "";
@@ -903,7 +897,7 @@ const handleLogin = (type) => {
width: 6px
}
.comHeader .nav > ul > li .hover-product .product-list .plist .list-item .hover-item > .LNK {
.comHeader .nav>ul>li .hover-product .product-list .plist .list-item .hover-item>.LNK {
background-color: #7abf4c;
color: #fff;
height: 30px;
@@ -918,7 +912,7 @@ const handleLogin = (type) => {
transform: translate(-50%)
}
.comHeader .nav > ul > li > a {
.comHeader .nav>ul>li>a {
height: 63px;
line-height: 63px;
padding: 0 20px
@@ -963,7 +957,8 @@ const handleLogin = (type) => {
width: 11px
}
.LNK:link, .LNK:visited {
.LNK:link,
.LNK:visited {
color: #fff;
}
@@ -982,7 +977,9 @@ const handleLogin = (type) => {
row-gap: 20px
}
.menu-zh, .menu-zh .menu-row, .menu-zh .menu-row .menu-row-title {
.menu-zh,
.menu-zh .menu-row,
.menu-zh .menu-row .menu-row-title {
display: -webkit-box;
display: -ms-flexbox;
display: flex
@@ -1045,7 +1042,8 @@ const handleLogin = (type) => {
width: 2px
}
.menu-zh .menu-row .menu-row-items .menu-section .item-tit, .menu-zh .menu-row .menu-row-items .menu-section > ul {
.menu-zh .menu-row .menu-row-items .menu-section .item-tit,
.menu-zh .menu-row .menu-row-items .menu-section>ul {
margin: 0 20px
}
@@ -1134,7 +1132,8 @@ const handleLogin = (type) => {
padding: 15px
}
.menu-zh .menu-row.menu-row2 .menu-row-content .content2, .menu-zh .menu-row.menu-row2 .menu-row-content .content2 .link-item {
.menu-zh .menu-row.menu-row2 .menu-row-content .content2,
.menu-zh .menu-row.menu-row2 .menu-row-content .content2 .link-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
@@ -1164,8 +1163,10 @@ const handleLogin = (type) => {
}
.menu-zh .menu-row.menu-row2 .menu-row-content.product-content-row2 {
background-color: #2d1d08 !important; /* 原智能运营平台背景色 */
border: 1px solid #ffa24b !important; /* 原智能运营平台边框 */
background-color: #2d1d08 !important;
/* 原智能运营平台背景色 */
border: 1px solid #ffa24b !important;
/* 原智能运营平台边框 */
margin-left: 10px !important;
padding: 10px 20px !important;
width: 100% !important;
@@ -1186,7 +1187,8 @@ const handleLogin = (type) => {
align-items: flex-start !important;
width: 24% !important;
padding: 15px 0 15px 15px !important; /* 调整内边距 */
padding: 15px 0 15px 15px !important;
/* 调整内边距 */
margin: 7px .5% 0 !important;
min-height: 100px;
@@ -1195,7 +1197,8 @@ const handleLogin = (type) => {
.link-item-title {
font-size: 14px;
font-weight: bold;
color: #ffcd68; /* 使用原 menu-row2 渐变的主色调 */
color: #ffcd68;
/* 使用原 menu-row2 渐变的主色调 */
display: block;
margin-bottom: 5px;
}
@@ -1210,19 +1213,22 @@ const handleLogin = (type) => {
.card-desc-row2 {
margin: 0;
line-height: 1.4;
min-height: 36px; /* 确保两行描述的空间 */
min-height: 36px;
/* 确保两行描述的空间 */
}
.link-item-link {
display: block;
margin-top: 5px;
color: #ffa24b; /* 链接颜色 */
color: #ffa24b;
/* 链接颜色 */
font-weight: 500;
}
.link-item-placeholder {
visibility: hidden;
width: 24% !important; /* 必须保留宽度 */
width: 24% !important;
/* 必须保留宽度 */
margin: 7px .5% 0 !important;
height: 0;
padding: 0 !important;