|
|
@@ -1,17 +1,81 @@
|
|
|
-<ion-header [translucent]="true">
|
|
|
+<!-- tab1.page.html -->
|
|
|
+<ion-header>
|
|
|
<ion-toolbar>
|
|
|
<ion-title>
|
|
|
- Tab 1
|
|
|
+ 首页
|
|
|
</ion-title>
|
|
|
</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">Tab 1</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>
|
|
|
|
|
|
- <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-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>
|
