Trang chủ Khám phá Trợ giúp
Đăng ký Đăng nhập
0235697
/
food-picture
1
0
Fork 0
Các tập tin Các vấn đề 0 Yêu cầu kéo về 0 Wiki
Browse Source

feat:ser-tab

0235695 3 ngày trước cách đây
mục cha
cc08da3f0e
commit
68955dfb8a
9 tập tin đã thay đổi với 37 bổ sung và 23 xóa
Split View Hiển thị tình trạng sai khác
  1. 3 2
      picture-web/src/app/app.ts
  2. 13 1
      picture-web/src/modules/picture/mobile.routes.ts
  3. 4 4
      picture-web/src/modules/picture/ser-tab/ser-tab.html
  4. 2 1
      picture-web/src/modules/picture/ser-tab/ser-tab.ts
  5. 4 12
      picture-web/src/modules/thired-ser/card-image/card-image.html
  6. 2 2
      picture-web/src/modules/thired-ser/card-image/card-image.ts
  7. 1 1
      picture-web/src/modules/thired-ser/ogin-screen/ogin-screen.html
  8. 7 0
      picture-web/src/modules/thired-ser/ser-mobile.rountes.ts
  9. 1 0
      picture-web/src/modules/thired-ser/upload-screen/upload-screen.ts

+ 3 - 2
picture-web/src/app/app.ts
Xem Tập Tin 

@@ -1,9 +1,10 @@
 
 import { Component } from '@angular/core';
 
-import { RouterOutlet } from '@angular/router';
 
+import { RouterModule,RouterOutlet } from '@angular/router';
 
 
 @Component({
 
   selector: 'app-root',
 
-  imports: [RouterOutlet],
 
+  imports: [RouterOutlet,
 
+    RouterModule],
 
   templateUrl: './app.html',
 
   styleUrl: './app.scss'
 
 })

+ 13 - 1
picture-web/src/modules/picture/mobile.routes.ts
Xem Tập Tin 

@@ -24,7 +24,19 @@ export const MOBILE_ROUTES: Routes = [
 
         pathMatch: 'full'
 
       }
 
     ]
 
-  }
 
+  },
 
+  {
 
+    path: 'ogin-screen',
 
+    loadComponent: () => import('../thired-ser/ogin-screen/ogin-screen').then(m => m.OginScreen)
 
+  },
 
+   {
 
+    path: 'upload-screen',
 
+    loadComponent: () => import('../thired-ser/upload-screen/upload-screen').then(m => m.UploadScreen)
 
+  },
 
+  {
 
+    path: 'card-image',
 
+    loadComponent: () => import('../thired-ser/card-image/card-image').then(m => m.CardImage)
 
+  },
 
 ];

+ 4 - 4
picture-web/src/modules/picture/ser-tab/ser-tab.html
Xem Tập Tin 

@@ -30,18 +30,18 @@
 
             </div>
 
             <h2 class="login-title">登录您的账户</h2>
 
             <p class="login-desc">登录后可以上传、购买和管理您的图片</p>
 
-            <div class="login-btn-container">
 
-                <button class="btn btn-primary" id="loginBtn">
 
+            <div class="login-btn-container" >
 
+                <button class="btn btn-primary" id="loginBtn" routerLink="/mobile/ogin-screen">
 
                     <i class="bi bi-box-arrow-in-right icon"></i> 立即登录
 
                 </button>
 
             </div>
 
         </div>
 
         
         <div class="action-buttons">
 
-            <button class="btn btn-primary" id="uploadBtn">
 
+            <button class="btn btn-primary" id="uploadBtn" routerLink="/mobile/upload-screen">
 
                 <i class="bi bi-cloud-arrow-up icon"></i> 上传图片
 
             </button>
 
-            <button class="btn btn-secondary" id="purchasedBtn">
 
+            <button class="btn btn-secondary" id="purchasedBtn" routerLink="/mobile/card-image">
 
                 <i class="bi bi-image-alt icon"></i> 查看已购图片
 
             </button>
 
         </div>

+ 2 - 1
picture-web/src/modules/picture/ser-tab/ser-tab.ts
Xem Tập Tin 

@@ -1,10 +1,11 @@
 
 import { Component } from '@angular/core';
 
 import { CommonModule } from '@angular/common';
 
+import { RouterModule } from '@angular/router';
 
 
 @Component({
 
   selector: 'app-cart-tab',
 
   standalone: true,
 
-  imports: [CommonModule],
 
+  imports: [CommonModule,RouterModule],
 
   templateUrl: './ser-tab.html',
 
   styleUrls: ['./ser-tab.scss']
 
 })

+ 4 - 12
picture-web/src/modules/thired-ser/card-image/card-image.html
Xem Tập Tin 

@@ -1,9 +1,4 @@
 
-<!DOCTYPE html>
 
-<html lang="zh-CN">
 
-<head>
 
-    <meta charset="UTF-8">
 
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
-    <title>我的已购美食图片</title>
 
+
 
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.0/font/bootstrap-icons.css">
 
     <style>
 
         * {
 
@@ -277,11 +272,10 @@
 
             background-color: #fff5ef;
 
         }
 
     </style>
 
-</head>
 
-<body>
 
+
 
     <div class="container">
 
         <div class="header">
 
-            <button class="back-btn" id="backBtn">
 
+            <button class="back-btn" id="backBtn" routerLink="/mobile/mine">
 
                 <i class="bi bi-arrow-left"></i> 返回
 
             </button>
 
             <h1 class="page-title">我的已购美食图片</h1>
 
@@ -419,6 +413,4 @@
 
         
         // 初始化
 
         initPage();
 
-    </script>
 
-</body>
 
-</html>
 
+    </script>

+ 2 - 2
picture-web/src/modules/thired-ser/card-image/card-image.ts
Xem Tập Tin 

@@ -1,8 +1,8 @@
 
 import { Component } from '@angular/core';
 
-
 
+import { RouterModule } from '@angular/router';
 
 @Component({
 
   selector: 'app-card-image',
 
-  imports: [],
 
+  imports: [RouterModule],
 
   templateUrl: './card-image.html',
 
   styleUrl: './card-image.scss'
 
 })

+ 1 - 1
picture-web/src/modules/thired-ser/ogin-screen/ogin-screen.html
Xem Tập Tin 

@@ -1 +1 @@
 
-<p>ogin-screen works!</p>
 
+<p>登录界面</p>

+ 7 - 0
picture-web/src/modules/thired-ser/ser-mobile.rountes.ts
Xem Tập Tin 

@@ -0,0 +1,7 @@
 
+import { Routes } from '@angular/router';
 
+export const MOBILE_ROUTES: Routes = [
 
+    {
 
+        path: 'ser-tab',
 
+        loadComponent: () => import('../picture/ser-tab/ser-tab').then(m=>m.SerTab)
 
+    }
 
+]

+ 1 - 0
picture-web/src/modules/thired-ser/upload-screen/upload-screen.ts
Xem Tập Tin 

@@ -1,4 +1,5 @@
 
 import { Component } from '@angular/core';
 
+import { RouterModule } from '@angular/router';
 
 
 @Component({
 
   selector: 'app-upload-screen',