|
@@ -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>
|