0225273 5 meses atrás
pai
commit
3500d9d69f
1 arquivos alterados com 30 adições e 8 exclusões
  1. 30 8
      src/app/tab1/tab1.page.html

+ 30 - 8
src/app/tab1/tab1.page.html

@@ -1,6 +1,6 @@
 <!-- tab1.page.html -->
 <ion-header>
-  <ion-toolbar>
+  <ion-toolbar color="primary">
     <ion-title>
       首页
     </ion-title>
@@ -75,19 +75,41 @@
     </ion-card-header>
     <ion-card-content>
       <!-- 装修锦囊卡片 -->
+      <ion-grid>
+        <ion-row>
+
+        </ion-row>
+      </ion-grid>
       <ion-card>
         <ion-card-header>
           <ion-icon name="logo"></ion-icon>
           <ion-label>空间设计</ion-label>
         </ion-card-header>
         <ion-card-content>
-          <!-- 客厅怎么装card -->
-          <ion-card>
-            <ion-img src="assets/images/living_room.jpg"></ion-img>
-            <ion-card-header>
-              客厅怎么装
-            </ion-card-header>
-          </ion-card>
+          <ion-grid>
+            <ion-row>
+              <!-- 客厅怎么装card -->
+              <ion-col>
+                <ion-card>
+                  <ion-img src="assets/images/living_room.jpg"></ion-img>
+                  <ion-card-header>
+                    客厅怎么装
+                  </ion-card-header>
+                </ion-card>
+              </ion-col>
+              <!-- 卧室怎么装card -->
+              <ion-col>
+                <ion-card>
+                  <ion-img src="assets/images/living_room.jpg"></ion-img>
+                  <ion-card-header>
+                    卧室怎么装
+                  </ion-card-header>
+                </ion-card>
+              </ion-col>
+            </ion-row>
+
+          </ion-grid>
+          
           <!-- 其他装修卡片类似添加 -->
         </ion-card-content>
       </ion-card>