曾鑫 4 bulan lalu
induk
melakukan
8cf73605db
2 mengubah file dengan 19 tambahan dan 32 penghapusan
  1. 18 31
      src/app/tab1/tab1.page.html
  2. 1 1
      src/app/tab1/tab1.page.scss

+ 18 - 31
src/app/tab1/tab1.page.html

@@ -1,5 +1,3 @@
-
-
 <ion-content [fullscreen]="true">
  
   <ion-header>
@@ -18,71 +16,60 @@
     </ion-toolbar>
   </ion-header>
 
-
-
-
-
   <ion-card>
-    <img alt="Silhouette of mountains" src="https://cdn.pixabay.com/photo/2023/01/23/17/28/tree-7739243_1280.jpg" />
-    
+    <img alt="Silhouette of mountains" src="https://cdn.pixabay.com/photo/2021/09/27/20/49/nature-6662288_960_720.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/2023/01/23/17/28/tree-7739243_1280.jpg" />
-    
+    <img alt="Silhouette of mountains" src="https://cdn.pixabay.com/photo/2023/07/31/18/34/dog-8161639_960_720.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/2023/01/23/17/28/tree-7739243_1280.jpg" />
-    
+    <img alt="Silhouette of mountains" src="https://cdn.pixabay.com/photo/2021/09/07/11/53/car-6603726_960_720.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/2023/01/23/17/28/tree-7739243_1280.jpg" />
-    
+    <img alt="Silhouette of mountains" src="https://cdn.pixabay.com/photo/2016/03/05/22/53/camera-1239384_960_720.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/2023/01/23/17/28/tree-7739243_1280.jpg" />
-    
+    <img alt="Silhouette of mountains" src="https://cdn.pixabay.com/photo/2015/08/30/15/38/beach-914344_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/2023/01/23/17/28/tree-7739243_1280.jpg" />
-    
+    <img alt="Silhouette of mountains" src="https://cdn.pixabay.com/photo/2022/05/17/04/58/student-7201662_960_720.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/2023/01/23/17/28/tree-7739243_1280.jpg" />
-    
+    <img alt="Silhouette of mountains" src="https://cdn.pixabay.com/photo/2018/01/26/09/55/paper-3108236_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/2023/01/23/17/28/tree-7739243_1280.jpg" />
-    
+    <img alt="Silhouette of mountains" src="https://cdn.pixabay.com/photo/2023/03/20/10/04/buns-7864270_1280.jpg" />
     <ion-card-content>
-      Here's a small text description for the card content. Nothing more, nothing less.
+      唯美食不可辜负
     </ion-card-content>
   </ion-card>
 

+ 1 - 1
src/app/tab1/tab1.page.scss

@@ -18,7 +18,7 @@
     overflow: hidden;
     text-overflow: ellipsis;
     -webkit-line-clamp: 2; /* 设置最多显示两行文字 */
-    max-height: 2.6em; /* 控制最大高度,相当于两行文字的高度 */
+    max-height: 4em; /* 控制最大高度,相当于两行文字的高度 */
   }