APPmy/src/app/tab1/tab1.page.html

<!-- tab1.page.html -->
<ion-header>
  <ion-toolbar>
    <ion-title>
      首页
    </ion-title>
  </ion-toolbar>
</ion-header>

<ion-content>
  <ion-grid>

    <ion-row>
      <ion-col size="12">
        <!-- 搜索框 -->
        <ion-searchbar placeholder="输入关键字搜索"></ion-searchbar>
      </ion-col>
    </ion-row>

    <!-- 导航栏 -->
    <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>

    <ion-row>
      <ion-col size="4">
        <!-- 装修百科 -->
      </ion-col>
      <ion-col size="4">
        <!-- 买好货 -->
      </ion-col>
      <ion-col size="4">
        <!-- 关注 -->
      </ion-col>
    </ion-row>
  
    <ion-row>
      <ion-col size="4">
        <!-- 推荐 -->
      </ion-col>
      <ion-col size="4">
        <!-- 家居 -->
      </ion-col>
      <ion-col size="4">
        <!-- 设计师 -->
      </ion-col>
    </ion-row>
  
    <ion-row>
      <ion-col size="12">
        <!-- 附近 -->
      </ion-col>
    </ion-row>

    
  
  </ion-grid>
</ion-content>