fengjun/ag-index
1
0
Fork 0
Code Activity

解决方案header

Browse Source
This commit is contained in:
fengjun
2025-12-16 16:09:04 +08:00
parent bf1d6ab4b4
commit 0600f04c11
2 changed files with 68 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

60
assets/css/style.css
View File

@@ -1948,6 +1948,58 @@ img {
.site-header #navbar .product-menu > .sub-menu .sub-menu a:hover { .site-header #navbar .product-menu > .sub-menu .sub-menu a:hover {
color: #1481ff !important; color: #1481ff !important;
} }
/* 解决方案菜单 - 只有二级菜单的样式 */
.site-header #navbar > ul > li.solution-menu > a::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 3px;
background-color: #1481ff;
transform: scaleX(0);
transition: transform 0.3s;
}
.site-header #navbar > ul > li.solution-menu:hover > a::after {
transform: scaleX(1);
}
.site-header #navbar > ul > li.solution-menu {
position: static;
}
.site-header #navbar > ul > li.solution-menu > .sub-menu {
width: 100vw;
left: 0;
right: 0;
margin-left: calc(-50vw + 50%);
padding: 20px 5%;
display: flex !important;
flex-wrap: wrap;
justify-content: center;
}
.site-header #navbar > ul > li.solution-menu:hover > .sub-menu {
visibility: visible !important;
opacity: 1 !important;
top: 100%;
pointer-events: auto;
}
/* 解决方案二级菜单项 */
.site-header #navbar .solution-menu > .sub-menu > li {
width: 280px;
border-bottom: none;
padding: 0 15px;
}
.site-header #navbar .solution-menu > .sub-menu > li > a {
padding: 15px 0;
font-weight: 600;
font-size: 18px;
color: #102541 !important;
display: block;
text-align: center;
}
.site-header #navbar .solution-menu > .sub-menu > li > a:hover {
color: #1481ff !important;
}
} }
@media (max-width: 991px) { @media (max-width: 991px) {
@@ -1988,11 +2040,9 @@ img {
-ms-transform: translateY(-50%); -ms-transform: translateY(-50%);
transform: translateY(-50%); transform: translateY(-50%);
} }
/* 移动端隐藏产品中心的子菜单和箭头 */ /* 移动端隐藏产品中心和解决方案的下拉箭头（子菜单由JS控制展开） */
.site-header #navbar .product-menu > .sub-menu { .site-header #navbar .product-menu > a:before,
display: none !important; .site-header #navbar .solution-menu > a:before {
}
.site-header #navbar .product-menu > a:before {
display: none; display: none;
} }
} }

24
header.html
View File

@@ -100,17 +100,19 @@
</li> </li>
</ul> </ul>
</li> </li>
<li class=""> <li class="menu-item-has-children solution-menu">
<a href="solution.html" target="_parent">解决方案</a> <a href="" target="_parent">解决方案</a>
<!--<ul class="sub-menu">--> <ul class="sub-menu">
<!--<li><a href="services.html">Services</a></li>--> <li>
<!--<li><a href="services-s2.html">Services style 2</a></li>--> <a href="solution.html" target="_parent">物流供应链系列产品</a>
<!--<li><a href="service-single.html">Air Freight</a></li>--> </li>
<!--<li><a href="warehousing.html">Warehousing</a></li>--> <li>
<!--<li><a href="road-freight.html">Road Freight</a></li>--> <a href="solution.html" target="_parent">港航电商平台系列产品</a>
<!--<li><a href="ocean-freight.html">Ocean Freight</a></li>--> </li>
<!--<li><a href="packaging.html">Packaging</a></li>--> <li>
<!--</ul>--> <a href="solution.html" target="_parent">云码头系列产品</a>
</li>
</ul>
</li> </li>
<li class=""> <li class="">
<a href="classiccase.html" target="_parent">客户案例</a> <a href="classiccase.html" target="_parent">客户案例</a>