|
|
@@ -20,6 +20,9 @@
|
|
|
<div class="header-logo">
|
|
|
<img src="@/assets/img/logo_black.svg" alt="Logo">
|
|
|
</div>
|
|
|
+ <div class="header-company-name">
|
|
|
+ <span>上海展域航空技术有限公司</span>
|
|
|
+ </div>
|
|
|
<ul class="nav-menu">
|
|
|
<li
|
|
|
v-for="(item, index) in navList"
|
|
|
@@ -196,6 +199,24 @@ export default {
|
|
|
object-fit: contain;
|
|
|
}
|
|
|
|
|
|
+/* 企业名称 */
|
|
|
+.header-company-name {
|
|
|
+ flex-shrink: 0;
|
|
|
+ padding-left: 20px;
|
|
|
+ margin-left: 20px;
|
|
|
+ border-left: 1px solid #ddd;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+}
|
|
|
+
|
|
|
+.header-company-name span {
|
|
|
+ font-size: 16px;
|
|
|
+ font-weight: 600;
|
|
|
+ color: #333;
|
|
|
+ letter-spacing: 1px;
|
|
|
+ line-height: 1.4;
|
|
|
+}
|
|
|
+
|
|
|
/* 导航菜单 */
|
|
|
.nav-menu {
|
|
|
display: flex;
|
|
|
@@ -204,8 +225,7 @@ export default {
|
|
|
list-style: none;
|
|
|
margin: 0;
|
|
|
padding: 0;
|
|
|
- flex: 1;
|
|
|
- justify-content: flex-end;
|
|
|
+ margin-left: auto;
|
|
|
}
|
|
|
|
|
|
.nav-menu > li {
|
|
|
@@ -299,6 +319,11 @@ export default {
|
|
|
|
|
|
/* ===== 移动端导航(保留原始样式) ===== */
|
|
|
@media screen and (max-width: 997px) {
|
|
|
+ /* 桌面端元素不在移动端显示 */
|
|
|
+ .header-company-name {
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+
|
|
|
#header .header-nav-m .header-nav-m-logo {
|
|
|
height: 80px;
|
|
|
position: relative;
|