Эх сурвалжийг харах

feat: add company name next to logo (desktop only)

- Add '上海展域航空技术有限公司' text after logo
- Vertical separator line between logo and company name
- Elegant typography (16px, letter-spacing: 1px)
- Hidden on mobile/tablet (< 997px) to maintain clean UX
- Auto-margin for navigation menu alignment

Visual design:
- Logo | 上海展域航空技术有限公司    首页  产品  ...
- Clean, professional layout
- Proper spacing and visual hierarchy

Co-authored-by: Qwen-Coder <qwen-coder@alibabacloud.com>
Ryuiso 3 долоо хоног өмнө
parent
commit
13636540ec

+ 27 - 2
src/components/Header.vue

@@ -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;