0225273 4 months ago
parent
commit
bf1ce955ad
1 changed files with 141 additions and 34 deletions
  1. 141 34
      src/app/tab1/tab1.page.html

+ 141 - 34
src/app/tab1/tab1.page.html

@@ -77,42 +77,149 @@
       <!-- 装修锦囊卡片 -->
       <ion-grid>
         <ion-row>
-
+          <!-- 空间设计块 -->
+          <ion-col>
+            <ion-card>
+              <ion-card-header>
+                <ion-label>
+                  <ion-icon name="dice-outline"></ion-icon>
+                  空间设计
+                </ion-label>
+              </ion-card-header>
+              <ion-card-content>
+                <ion-grid>
+                  <ion-row>
+                    <!-- 客厅怎么装card -->
+                    <ion-col size="12">
+                      <ion-card>
+                        <ion-img src="https://img.zcool.cn/community/01df555d65edcea8012187f4e41c2f.jpg@2o.jpg"></ion-img>
+                        <ion-card-header>
+                          客厅怎么装
+                        </ion-card-header>
+                      </ion-card>
+                    </ion-col>
+                    <!-- 卧室怎么装card -->
+                    <ion-col size="12">
+                      <ion-card>
+                        <ion-img src="https://bjcache.leju.com/zxjiaju/zx_pic/20141120/e6/2e/e2e6920b5532429d94ee61bd1630f9c3.jpg"></ion-img>
+                        <ion-card-header>
+                          卧室怎么装
+                        </ion-card-header>
+                      </ion-card>
+                    </ion-col>
+                  </ion-row>
+      
+                </ion-grid>
+                
+              </ion-card-content>
+            </ion-card>
+          </ion-col>
+          <!-- 装前必看块 -->
+          <ion-col>
+            <ion-card>
+              <ion-card-header>
+                <ion-icon name="logo"></ion-icon>
+                <ion-label>空间设计</ion-label>
+              </ion-card-header>
+              <ion-card-content>
+                <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>
+          </ion-col>
+          <!-- 家具家电块 -->
+          <ion-col>
+            <ion-card>
+              <ion-card-header>
+                <ion-icon name="logo"></ion-icon>
+                <ion-label>家具家电</ion-label>
+              </ion-card-header>
+              <ion-card-content>
+                <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>
+          </ion-col>
+          <!-- 家居软装块 -->
+          <ion-col>
+            <ion-card>
+              <ion-card-header>
+                <ion-icon name="logo"></ion-icon>
+                <ion-label>家居软装</ion-label>
+              </ion-card-header>
+              <ion-card-content>
+                <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>
+          </ion-col>
+          
         </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>
-          <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>
+      
     </ion-card-content>
   </ion-card>
 </ion-content>