Ver Fonte

Merge branch 'master' of http://git.fmode.cn:3000/19870581353/travel-flatform

0235473 há 1 semana atrás
pai
commit
e061dd462b

+ 22 - 2
travel-platform-web/travel-web/package-lock.json

@@ -13,8 +13,9 @@
         "@angular/core": "^20.0.0",
         "@angular/forms": "^20.0.0",
         "@angular/platform-browser": "^20.0.0",
-        "@angular/router": "^20.0.0",
+        "@angular/router": "^20.0.5",
         "rxjs": "~7.8.0",
+        "swiper": "^11.2.10",
         "tslib": "^2.3.0",
         "zone.js": "~0.15.0"
       },
@@ -478,7 +479,7 @@
     },
     "node_modules/@angular/router": {
       "version": "20.0.5",
-      "resolved": "https://registry.npmjs.org/@angular/router/-/router-20.0.5.tgz",
+      "resolved": "https://registry.npmmirror.com/@angular/router/-/router-20.0.5.tgz",
       "integrity": "sha512-GqBxrjov6p6riqDmn+hD2FWk5JSXR638/UhWCZe+XORoOmV/gWgND1HaHPa7f/UvM422yrPEkIsFNMr7bwLmkA==",
       "license": "MIT",
       "dependencies": {
@@ -8090,6 +8091,25 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/swiper": {
+      "version": "11.2.10",
+      "resolved": "https://registry.npmmirror.com/swiper/-/swiper-11.2.10.tgz",
+      "integrity": "sha512-RMeVUUjTQH+6N3ckimK93oxz6Sn5la4aDlgPzB+rBrG/smPdCTicXyhxa+woIpopz+jewEloiEE3lKo1h9w2YQ==",
+      "funding": [
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/swiperjs"
+        },
+        {
+          "type": "open_collective",
+          "url": "http://opencollective.com/swiper"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">= 4.7.0"
+      }
+    },
     "node_modules/tar": {
       "version": "6.2.1",
       "resolved": "https://registry.npmjs.org/tar/-/tar-6.2.1.tgz",

+ 2 - 1
travel-platform-web/travel-web/package.json

@@ -25,8 +25,9 @@
     "@angular/core": "^20.0.0",
     "@angular/forms": "^20.0.0",
     "@angular/platform-browser": "^20.0.0",
-    "@angular/router": "^20.0.0",
+    "@angular/router": "^20.0.5",
     "rxjs": "~7.8.0",
+    "swiper": "^11.2.10",
     "tslib": "^2.3.0",
     "zone.js": "~0.15.0"
   },

+ 68 - 2
travel-platform-web/travel-web/src/crm/mobile/nav-mobile-menu/nav-mobile-menu.html

@@ -1,2 +1,68 @@
-<p>nav-mobile-menu works!</p>
-<router-outlet></router-outlet>
+<!-- src/app/modules/travel/mobile/components/nav-mobile-menu/nav-mobile-menu.component.html -->
+<nav class="mobile-nav">
+  <div class="mobile-nav-container">
+    <!-- 菜单按钮 (移动端汉堡菜单) -->
+    <button class="mobile-nav-toggle" (click)="toggleMenu()" aria-expanded="isMenuOpen">
+      <span class="sr-only">菜单</span>
+      <span class="hamburger" [class.active]="isMenuOpen"></span>
+    </button>
+
+    <!-- 品牌Logo/名称 -->
+    <div class="mobile-nav-brand">
+      <a routerLink="/mobile/home">Travel App</a >
+    </div>
+
+    <!-- 主菜单 -->
+    <div class="mobile-nav-menu" [class.active]="isMenuOpen">
+      <ul class="mobile-nav-list">
+        <li class="mobile-nav-item">
+          <a routerLink="/mobile/home" 
+             routerLinkActive="active" 
+             [routerLinkActiveOptions]="{exact: true}">
+            <i class="icon-home"></i>
+            <span>首页</span>
+          </a >
+        </li>
+        <li class="mobile-nav-item">
+          <a routerLink="/mobile/platform" routerLinkActive="active">
+            <i class="icon-platform"></i>
+            <span>平台</span>
+          </a >
+        </li>
+        <li class="mobile-nav-item">
+          <a routerLink="/mobile/business" routerLinkActive="active">
+            <i class="icon-business"></i>
+            <span>业务</span>
+          </a >
+        </li>
+        <li class="mobile-nav-item">
+          <a routerLink="/mobile/member" routerLinkActive="active">
+            <i class="icon-member"></i>
+            <span>会员</span>
+          </a >
+        </li>
+        <li class="mobile-nav-item">
+          <a routerLink="/mobile/system" routerLinkActive="active">
+            <i class="icon-system"></i>
+            <span>系统</span>
+          </a >
+        </li>
+      </ul>
+    </div>
+
+    <!-- 用户操作区域 -->
+    <div class="mobile-nav-actions">
+      <button class="mobile-nav-action">
+        <i class="icon-search"></i>
+      </button>
+      <button class="mobile-nav-action">
+        <i class="icon-user"></i>
+      </button>
+    </div>
+  </div>
+</nav>
+
+<!-- 路由插槽 -->
+<div class="mobile-content">
+      <router-outlet></router-outlet>
+</div>

+ 3 - 0
travel-platform-web/travel-web/src/crm/mobile/page-crm-home/page-crm-home.ts

@@ -2,9 +2,12 @@ import { Component } from '@angular/core';  // 添加这行导入
 import { RouterModule } from '@angular/router';
 
 @Component({
+  selector: 'page-crm-home',
   imports: [
     RouterModule // 新增路由导航模块
   ],
+  templateUrl: './page-crm-home.html',
+  styleUrl: './page-crm-home.scss'
 })
 export class PageCrmHome {