tab1

src/app/tab1/tab1.page.html

@@ -1,5 +1,5 @@
 <!-- tab1.page.html -->
-<ion-header [translucent]="true">
+<ion-header>
   <ion-toolbar>
     <ion-title>
       首页
@@ -7,37 +7,40 @@
   </ion-toolbar>
 </ion-header>
 
-<ion-content [fullscreen]="true">
-  <ion-header collapse="condense">
+<ion-content>
+  <ion-grid>
+    <ion-row>
+      <ion-col size="12">
+        <!-- 搜索框 -->
+        <ion-searchbar placeholder="输入关键字搜索"></ion-searchbar>
+      </ion-col>
+    </ion-row>
+    <!-- 导航栏 -->
     <ion-toolbar>
-      <ion-title size="large"></ion-title>
+      <ion-segment value="explore">
+        <ion-segment-button value="explore">
+          发现
+        </ion-segment-button>
+        <ion-segment-button value="video">
+          视频
+        </ion-segment-button>
+        <ion-segment-button value="search">
+          搜索
+        </ion-segment-button>
+      </ion-segment>
     </ion-toolbar>
-  </ion-header>
-  <!-- 导航栏 -->
-  <ion-toolbar>
-    <ion-segment value="explore">
-      <ion-segment-button value="explore">
-        发现
-      </ion-segment-button>
-      <ion-segment-button value="video">
-        视频
-      </ion-segment-button>
-      <ion-segment-button value="search">
-        搜索
-      </ion-segment-button>
-    </ion-segment>
-  </ion-toolbar>
-  <!-- 功能栏 -->
-  <ion-row>
-    <ion-col size="4">
-      <!-- 轮播图 -->
-    </ion-col>
-    <ion-col size="4">
-      <!-- 案例设计 -->
-    </ion-col>
-    <ion-col size="4">
-      <!-- 一键寻宝 -->
-    </ion-col>
-  </ion-row>
-  <app-explore-container name="Tab 1 page"></app-explore-container>
+    <!-- 功能栏 -->
+    <ion-row>
+      <ion-col size="4">
+        <!-- 轮播图 -->
+      </ion-col>
+      <ion-col size="4">
+        <!-- 案例设计 -->
+      </ion-col>
+      <ion-col size="4">
+        <!-- 一键寻宝 -->
+      </ion-col>
+    </ion-row>
+  
+  </ion-grid>
 </ion-content>