tab2

src/app/tab2/tab2.page.html

@@ -19,4 +19,9 @@
     </ion-item>
   </ion-list>
 
+  <ion-card>
+    <img alt="Silhouette of mountains" src="https://ts1.cn.mm.bing.net/th/id/R-C.3acd8f3a8a52b0fde3ccbc43e93ae477?rik=AEeBT0urPAlQSQ&riu=http%3a%2f%2fnwzimg.wezhan.cn%2fcontents%2fsitefiles2043%2f10215998%2fimages%2f20555491.jpg&ehk=NfkxF8xNAl5kG%2fcdDtRLWkXuqh5UHqoZFYIB7bdcKcc%3d&risl=&pid=ImgRaw&r=0" />
+    <ion-button expand="block" routerLink="/topic/chat">更多话题</ion-button>
+  </ion-card>
+
 </ion-content>

src/modules/home/attention/attention.page.html

@@ -1,20 +1,49 @@
-
 <ion-content [fullscreen]="true">
   
 <ion-button fill="clear" routerLink="/tabs/tab1">〈</ion-button>
 
   <ion-card>
-    <img alt="Silhouette of mountains" src="https://cdn.pixabay.com/photo/2015/10/28/06/02/vine-1010002_1280.jpg" />
+    <img alt="Silhouette of mountains" src="https://cdn.pixabay.com/photo/2017/12/16/16/37/mountain-3022908_1280.jpg" />
+
+    <ion-item>
+      <ion-thumbnail slot="start">
+        <img alt="Silhouette of mountains" src="https://www.keaitupian.cn/cjpic/frombd/2/253/2709718967/414481136.jpg" />
+      </ion-thumbnail>
+      <ion-label>旅行小记</ion-label>
+    </ion-item>
+  
+    <ion-card-content>
+      登长城，览千年古韵，一步一景，感受华夏脊梁之雄伟。
+    </ion-card-content>
+  </ion-card>
 
+  <ion-card>
+    <img alt="Silhouette of mountains" src="https://img.pconline.com.cn/images/upload/upc/tx/photoblog/1504/07/c14/5061122_5061122_1428399940349.jpg" />
+    
     <ion-item>
       <ion-thumbnail slot="start">
         <img alt="Silhouette of mountains" src="https://www.keaitupian.cn/cjpic/frombd/2/253/2709718967/414481136.jpg" />
       </ion-thumbnail>
-      <ion-label>Item</ion-label>
+      <ion-label>旅行小记</ion-label>
+    </ion-item>
+  
+    <ion-card-content>
+      漫步杏花沟，粉白如云，香飘十里，醉美春光里的一抹温柔乡。
+    </ion-card-content>
+  </ion-card>
+
+  <ion-card>
+    <img alt="Silhouette of mountains" src="https://puui.qpic.cn/vpic_cover/i3233uudasq/i3233uudasq_hz.jpg/1280" />
+    
+    <ion-item>
+      <ion-thumbnail slot="start">
+        <img alt="Silhouette of mountains" src="https://ts1.cn.mm.bing.net/th/id/R-C.9cc048967be365478f013d4377e34e91?rik=14F4RbIpRofGrw&riu=http%3a%2f%2fimg.touxiangkong.com%2fzb_users%2fupload%2f2023%2f01%2f202301161673837334623963.jpg&ehk=7zVpobt1OcPYsxoV38vbbGYNmhR7sY2SJdPwD42KgCI%3d&risl=&pid=ImgRaw&r=0" />
+      </ion-thumbnail>
+      <ion-label>观影时光</ion-label>
     </ion-item>
   
     <ion-card-content>
-      Here's a small text description for the card content. Nothing more, nothing less.
+      爱与希望，编织出最动人的生命篇章。
     </ion-card-content>
   </ion-card>
 

src/modules/home/special/special.page.html

@@ -1,72 +1,53 @@
-
-
 <ion-content [fullscreen]="true">
 
-
   <ion-button fill="clear" routerLink="/tabs/tab1">〈</ion-button>
-
-  <ion-card>
-
-    <img alt="Silhouette of mountains" src="https://cdn.pixabay.com/photo/2015/10/28/06/02/vine-1010002_1280.jpg" />
-    
-    <ion-card-content>
-      Here's a small text description for the card content. Nothing more, nothing less.
-    </ion-card-content>
-  </ion-card>
-
-  <ion-card>
-    <img alt="Silhouette of mountains" src="https://cdn.pixabay.com/photo/2015/10/28/06/02/vine-1010002_1280.jpg" />
-    
-    <ion-card-content>
-      Here's a small text description for the card content. Nothing more, nothing less.
-    </ion-card-content>
-  </ion-card>
-
-  <ion-card>
-    <img alt="Silhouette of mountains" src="https://cdn.pixabay.com/photo/2015/10/28/06/02/vine-1010002_1280.jpg" />
-    
-    <ion-card-content>
-      Here's a small text description for the card content. Nothing more, nothing less.
-    </ion-card-content>
-  </ion-card>
-
   <ion-card>
-    <img alt="Silhouette of mountains" src="https://cdn.pixabay.com/photo/2015/10/28/06/02/vine-1010002_1280.jpg" />
-    
+    <img alt="Silhouette of mountains" src="https://cdn.pixabay.com/photo/2022/07/03/16/38/bird-7299650_1280.jpg" />
+    <ion-card-header>
+      <ion-card-title>自然</ion-card-title>
+    </ion-card-header>
     <ion-card-content>
-      Here's a small text description for the card content. Nothing more, nothing less.
+      林间小径，踏过岁月回响，自然之美，镌刻心底，成永恒回忆。
     </ion-card-content>
   </ion-card>
 
   <ion-card>
-    <img alt="Silhouette of mountains" src="https://cdn.pixabay.com/photo/2015/10/28/06/02/vine-1010002_1280.jpg" />
-    
+    <img alt="Silhouette of mountains" src="https://cdn.pixabay.com/photo/2016/04/05/07/20/red-panda-1308851_1280.jpg" />
+    <ion-card-header>
+      <ion-card-title>萌宠</ion-card-title>
+    </ion-card-header>
     <ion-card-content>
-      Here's a small text description for the card content. Nothing more, nothing less.
+      旧日时光，宠物相伴，温暖回忆，心中永驻，爱宠情深，岁月铭记。
     </ion-card-content>
   </ion-card>
 
   <ion-card>
-    <img alt="Silhouette of mountains" src="https://cdn.pixabay.com/photo/2015/10/28/06/02/vine-1010002_1280.jpg" />
-    
+    <img alt="Silhouette of mountains" src="https://cdn.pixabay.com/photo/2023/01/06/14/52/old-man-7701426_1280.jpg" />
+    <ion-card-header>
+      <ion-card-title>人文</ion-card-title>
+    </ion-card-header>
     <ion-card-content>
-      Here's a small text description for the card content. Nothing more, nothing less.
+      老街巷口，人声笑语藏，人文记忆深，岁月悠悠，温情永存心间。
     </ion-card-content>
   </ion-card>
 
   <ion-card>
-    <img alt="Silhouette of mountains" src="https://cdn.pixabay.com/photo/2015/10/28/06/02/vine-1010002_1280.jpg" />
-    
+    <img alt="Silhouette of mountains" src="https://cdn.pixabay.com/photo/2017/04/20/17/04/books-2246307_640.jpg" />
+    <ion-card-header>
+      <ion-card-title>时光</ion-card-title>
+    </ion-card-header>
     <ion-card-content>
-      Here's a small text description for the card content. Nothing more, nothing less.
+      时光荏苒，回忆如歌，岁月悠悠，心中印记，温暖每一段过往。
     </ion-card-content>
   </ion-card>
 
   <ion-card>
-    <img alt="Silhouette of mountains" src="https://cdn.pixabay.com/photo/2015/10/28/06/02/vine-1010002_1280.jpg" />
-    
+    <img alt="Silhouette of mountains" src="https://cdn.pixabay.com/photo/2020/06/18/11/27/landscape-5313115_960_720.jpg" />
+    <ion-card-header>
+      <ion-card-title>建筑</ion-card-title>
+    </ion-card-header>
     <ion-card-content>
-      Here's a small text description for the card content. Nothing more, nothing less.
+      古建巍峨，岁月留痕，砖瓦间藏着往昔故事，回忆悠长。
     </ion-card-content>
   </ion-card>
 

src/modules/topic/chat/chat-routing.module.ts

@@ -0,0 +1,17 @@
+import { NgModule } from '@angular/core';
+import { Routes, RouterModule } from '@angular/router';
+
+import { ChatPage } from './chat.page';
+
+const routes: Routes = [
+  {
+    path: '',
+    component: ChatPage
+  }
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule],
+})
+export class ChatPageRoutingModule {}

src/modules/topic/chat/chat.module.ts

@@ -0,0 +1,20 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+
+import { IonicModule } from '@ionic/angular';
+
+import { ChatPageRoutingModule } from './chat-routing.module';
+
+import { ChatPage } from './chat.page';
+
+@NgModule({
+  imports: [
+    CommonModule,
+    FormsModule,
+    IonicModule,
+    ChatPageRoutingModule
+  ],
+  declarations: [ChatPage]
+})
+export class ChatPageModule {}

src/modules/topic/chat/chat.page.html

@@ -0,0 +1,11 @@
+<ion-header [translucent]="true">
+  <ion-toolbar>
+    <ion-title>chat</ion-title>
+  </ion-toolbar>
+</ion-header>
+
+<ion-content [fullscreen]="true">
+  <ion-button fill="clear" routerLink="/tabs/tab2">〈</ion-button>
+  
+
+</ion-content>

src/modules/topic/chat/chat.page.spec.ts

@@ -0,0 +1,17 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { ChatPage } from './chat.page';
+
+describe('ChatPage', () => {
+  let component: ChatPage;
+  let fixture: ComponentFixture<ChatPage>;
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(ChatPage);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/modules/topic/chat/chat.page.ts

@@ -0,0 +1,16 @@
+import { Component, OnInit } from '@angular/core';
+import { Route, Router } from '@angular/router';
+
+@Component({
+  selector: 'app-chat',
+  templateUrl: './chat.page.html',
+  styleUrls: ['./chat.page.scss'],
+})
+export class ChatPage implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+}

src/modules/topic/theme/theme.page.html

@@ -6,28 +6,43 @@
     <ion-card-header>
       <ion-item>
         <ion-thumbnail slot="start">
-          <img alt="Silhouette of mountains" src="https://p.qqan.com/up/2021-6/16239805423883054.jpg" />
+          <img alt="Silhouette of mountains" src="https://cdn.pixabay.com/photo/2021/11/12/03/04/woman-6787784_1280.png" />
         </ion-thumbnail>
-        <ion-label>你是年少的欢喜</ion-label>
+        <ion-label>琐碎</ion-label>
       </ion-item>
-      <ion-card-subtitle>少年</ion-card-subtitle>
+      <ion-card-subtitle>日常</ion-card-subtitle>
     </ion-card-header>
     <ion-card-content>
-      青春是窗外的梧桐树，是骄阳，是满怀希望和梦想 希望少年不负众望.
+      心怀诗意浪漫，也悦纳琐碎日常
     </ion-card-content>
   </ion-card>
   <ion-card>
     <ion-card-header>
       <ion-item>
         <ion-thumbnail slot="start">
-          <img alt="Silhouette of mountains" src="https://img.keaitupian.cn/uploads/2020/10/16/3678d47b937840248dea3a84caf34f88.jpg" />
+          <img alt="Silhouette of mountains" src="https://www.4kpic.cn/upload/thumbnails/2024/6/11/20240611124511414181.webp" />
         </ion-thumbnail>
-        <ion-label>仰灿</ion-label>
+        <ion-label>成澜</ion-label>
       </ion-item>
-      <ion-card-subtitle>青春</ion-card-subtitle>
+      <ion-card-subtitle>成长</ion-card-subtitle>
     </ion-card-header>
     <ion-card-content>
-      白云是蓝天正在放的风筝，青春是操场奔跑的我们
+      成熟不是为了走向复杂，而是为了抵达天真
+    </ion-card-content>
+  </ion-card>
+
+  <ion-card>
+    <ion-card-header>
+      <ion-item>
+        <ion-thumbnail slot="start">
+          <img alt="Silhouette of mountains" src="https://www.4kpic.cn/upload/thumbnails/2024/6/27/20240627102811145577.webp" />
+        </ion-thumbnail>
+        <ion-label>仲夏</ion-label>
+      </ion-item>
+      <ion-card-subtitle>情感</ion-card-subtitle>
+    </ion-card-header>
+    <ion-card-content>
+      世间情动，盛夏白瓷梅子汤，碎冰碰壁当啷响
     </ion-card-content>
   </ion-card>
 
@@ -37,12 +52,12 @@
         <ion-thumbnail slot="start">
           <img alt="Silhouette of mountains" src="https://pic3.zhimg.com/v2-cd49bd975243e58bfab5d75cc9f1b9f1_r.jpg?source=1940ef5c" />
         </ion-thumbnail>
-        <ion-label>仲夏夜之梦</ion-label>
+        <ion-label>二十四</ion-label>
       </ion-item>
-      <ion-card-subtitle>星河</ion-card-subtitle>
+      <ion-card-subtitle>时光</ion-card-subtitle>
     </ion-card-header>
     <ion-card-content>
-      仲夏夜里蝉声四起，越发显得四下安宁，唯有夜空上一把星河如练，掬一捧光华万点，皎皎万岁春岁春
+      秋始白露夜渐长，鸿雁南归又一年
     </ion-card-content>
   </ion-card>
 

src/modules/topic/topic-routing.module.ts

@@ -1,15 +1,19 @@
-import { NgModule } from '@angular/core';
-import { RouterModule, Routes } from '@angular/router';
-
-const routes: Routes = [
-  {
-    path: 'theme',
-    loadChildren: () => import('./theme/theme.module').then( m => m.ThemePageModule)
+import { NgModule } from '@angular/core';
+import { RouterModule, Routes } from '@angular/router';
+
+const routes: Routes = [
+  {
+    path: 'theme',
+    loadChildren: () => import('./theme/theme.module').then( m => m.ThemePageModule)
+  },
  {
+    path: 'chat',
+    loadChildren: () => import('./chat/chat.module').then( m => m.ChatPageModule)
   },
-];
 
-@NgModule({
-  imports: [RouterModule.forChild(routes)],
-  exports: [RouterModule]
-})
-export class TopicRoutingModule { }
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule]
+})
+export class TopicRoutingModule { }