tab

src/app/tab1/tab1.page.html

@@ -23,7 +23,7 @@
 
 
   <ion-card>
-    <img alt="Silhouette of mountains" src="https://ionicframework.com/docs/img/demos/card-media.png" />
+    <img alt="Silhouette of mountains" src="https://cdn.pixabay.com/photo/2023/01/23/17/28/tree-7739243_1280.jpg" />
     
     <ion-card-content>
       Here's a small text description for the card content. Nothing more, nothing less.
@@ -31,7 +31,7 @@
   </ion-card>
 
   <ion-card>
-    <img alt="Silhouette of mountains" src="https://ionicframework.com/docs/img/demos/card-media.png" />
+    <img alt="Silhouette of mountains" src="https://cdn.pixabay.com/photo/2023/01/23/17/28/tree-7739243_1280.jpg" />
     
     <ion-card-content>
       Here's a small text description for the card content. Nothing more, nothing less.
@@ -39,7 +39,7 @@
   </ion-card>
 
   <ion-card>
-    <img alt="Silhouette of mountains" src="https://ionicframework.com/docs/img/demos/card-media.png" />
+    <img alt="Silhouette of mountains" src="https://cdn.pixabay.com/photo/2023/01/23/17/28/tree-7739243_1280.jpg" />
     
     <ion-card-content>
       Here's a small text description for the card content. Nothing more, nothing less.
@@ -47,7 +47,7 @@
   </ion-card>
 
   <ion-card>
-    <img alt="Silhouette of mountains" src="https://ionicframework.com/docs/img/demos/card-media.png" />
+    <img alt="Silhouette of mountains" src="https://cdn.pixabay.com/photo/2023/01/23/17/28/tree-7739243_1280.jpg" />
     
     <ion-card-content>
       Here's a small text description for the card content. Nothing more, nothing less.
@@ -55,7 +55,7 @@
   </ion-card>
 
   <ion-card>
-    <img alt="Silhouette of mountains" src="https://ionicframework.com/docs/img/demos/card-media.png" />
+    <img alt="Silhouette of mountains" src="https://cdn.pixabay.com/photo/2023/01/23/17/28/tree-7739243_1280.jpg" />
     
     <ion-card-content>
       Here's a small text description for the card content. Nothing more, nothing less.
@@ -63,7 +63,7 @@
   </ion-card>
 
   <ion-card>
-    <img alt="Silhouette of mountains" src="https://ionicframework.com/docs/img/demos/card-media.png" />
+    <img alt="Silhouette of mountains" src="https://cdn.pixabay.com/photo/2023/01/23/17/28/tree-7739243_1280.jpg" />
     
     <ion-card-content>
       Here's a small text description for the card content. Nothing more, nothing less.
@@ -71,7 +71,7 @@
   </ion-card>
 
   <ion-card>
-    <img alt="Silhouette of mountains" src="https://ionicframework.com/docs/img/demos/card-media.png" />
+    <img alt="Silhouette of mountains" src="https://cdn.pixabay.com/photo/2023/01/23/17/28/tree-7739243_1280.jpg" />
     
     <ion-card-content>
       Here's a small text description for the card content. Nothing more, nothing less.
@@ -79,7 +79,7 @@
   </ion-card>
 
   <ion-card>
-    <img alt="Silhouette of mountains" src="https://ionicframework.com/docs/img/demos/card-media.png" />
+    <img alt="Silhouette of mountains" src="https://cdn.pixabay.com/photo/2023/01/23/17/28/tree-7739243_1280.jpg" />
     
     <ion-card-content>
       Here's a small text description for the card content. Nothing more, nothing less.

src/app/tabs/tabs.page.html

@@ -2,7 +2,7 @@
 
   <ion-tab-bar slot="bottom">
     <ion-tab-button tab="tab1" href="/tabs/tab1">
-      <ion-icon aria-hidden="true" name="triangle"></ion-icon>
+      <ion-icon  aria-hidden="true" name="triangle"></ion-icon>
       <ion-label>首页</ion-label>
     </ion-tab-button>
 

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

@@ -1,15 +1,21 @@
-<ion-header [translucent]="true">
-  <ion-button fill="clear" routerLink="/tabs/tab1">〈</ion-button>
-
-  <ion-toolbar>
-    <ion-title>attention</ion-title>
-  </ion-toolbar>
-</ion-header>
 
 <ion-content [fullscreen]="true">
-  <ion-header collapse="condense">
-    <ion-toolbar>
-      <ion-title size="large">attention</ion-title>
-    </ion-toolbar>
-  </ion-header>
+  
+<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-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-item>
+  
+    <ion-card-content>
+      Here's a small text description for the card content. Nothing more, nothing less.
+    </ion-card-content>
+  </ion-card>
+
 </ion-content>

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

@@ -1,15 +1,73 @@
-<ion-header [translucent]="true">
-  <ion-button fill="clear" routerLink="/tabs/tab1">〈</ion-button>
 
-  <ion-toolbar>
-    <ion-title>专题</ion-title>
-  </ion-toolbar>
-</ion-header>
 
 <ion-content [fullscreen]="true">
-  <ion-header collapse="condense">
-    <ion-toolbar>
-      <ion-title size="large">专题</ion-title>
-    </ion-toolbar>
-  </ion-header>
+
+
+  <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" />
+    
+    <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" />
+    
+    <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-content>