|
@@ -1,7 +1,8 @@
|
|
|
+<!-- tab1.page.html -->
|
|
|
<ion-header [translucent]="true">
|
|
|
<ion-toolbar>
|
|
|
<ion-title>
|
|
|
- Tab 1
|
|
|
+ 首页
|
|
|
</ion-title>
|
|
|
</ion-toolbar>
|
|
|
</ion-header>
|
|
@@ -9,9 +10,34 @@
|
|
|
<ion-content [fullscreen]="true">
|
|
|
<ion-header collapse="condense">
|
|
|
<ion-toolbar>
|
|
|
- <ion-title size="large">Tab 1</ion-title>
|
|
|
+ <ion-title size="large"></ion-title>
|
|
|
</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-content>
|