app.1.0

src/app/tab1/tab1.page.html

@@ -1,17 +1,70 @@
 <ion-header [translucent]="true">
   <ion-toolbar>
     <ion-title>
-      Tab 1
+      知食有味
     </ion-title>
+    <ion-buttons slot="end">
+      <ion-button>
+        <ion-icon name="search-outline" size="large"></ion-icon>
+      </ion-button>
+    </ion-buttons>
   </ion-toolbar>
 </ion-header>
+<ion-content color="light">
+  <ion-card>
+    <ion-card-header>
+      <ion-card-title>今日三餐</ion-card-title>
+    </ion-card-header>
+    <ion-card-content>
+      <ion-grid>
+        <ion-row>
+          <ion-col>
+            <ion-card>
+              <img alt="Silhouette of mountains" src="https://ionicframework.com/docs/img/demos/card-media.png" />
+              <ion-card-header>
+                <ion-card-title>五彩虾仁炒饭</ion-card-title>
+              </ion-card-header>
+              <ion-card-content>
+                营养丰富，早餐最爱
+              </ion-card-content>
+            </ion-card>
+          </ion-col>
+          <ion-col>
+            <ion-card>
+              <img alt="Silhouette of mountains" src="https://ionicframework.com/docs/img/demos/card-media.png" />
+              <ion-card-header>
+                <ion-card-title>蜜汁烤五花肉</ion-card-title>
+              </ion-card-header>
+              <ion-card-content>
+                经典家常，上桌就光盘
+              </ion-card-content>
+            </ion-card>
+          </ion-col>
+          <ion-col>
+            <ion-card>
+              <img alt="Silhouette of mountains" src="https://ionicframework.com/docs/img/demos/card-media.png" />
+              <ion-card-header>
+                <ion-card-title>凉拌西蓝花</ion-card-title>
+              </ion-card-header>
+              <ion-card-content>
+                鲜香可口，美味下饭
+              </ion-card-content>
+            </ion-card>
+          </ion-col>
+          <ion-col>
+            <ion-card>
+              <img alt="Silhouette of mountains" src="https://ionicframework.com/docs/img/demos/card-media.png" />
+              <ion-card-header>
+                <ion-card-title>孜然土豆</ion-card-title>
+              </ion-card-header>
+              <ion-card-content>
+                好吃下饭
+              </ion-card-content>
+            </ion-card>
+          </ion-col>
+        </ion-row>
+      </ion-grid>
+    </ion-card-content>
+  </ion-card>
 
-<ion-content [fullscreen]="true">
-  <ion-header collapse="condense">
-    <ion-toolbar>
-      <ion-title size="large">Tab 1</ion-title>
-    </ion-toolbar>
-  </ion-header>
-
-  <app-explore-container name="Tab 1 page"></app-explore-container>
-</ion-content>
+</ion-content>

src/app/tab2/tab2.page.html

@@ -1,17 +1,21 @@
 <ion-header [translucent]="true">
   <ion-toolbar>
     <ion-title>
-      Tab 2
+      社区
     </ion-title>
   </ion-toolbar>
 </ion-header>
-
-<ion-content [fullscreen]="true">
-  <ion-header collapse="condense">
-    <ion-toolbar>
-      <ion-title size="large">Tab 2</ion-title>
-    </ion-toolbar>
-  </ion-header>
-
-  <app-explore-container name="Tab 2 page"></app-explore-container>
-</ion-content>
+<ion-content color="light">
+  <ion-card>
+    <ion-card-header>
+      <ion-card-title>今日热搜</ion-card-title>
+    </ion-card-header>
+    <ion-card-content>
+      <ion-item lines="none">
+        <ion-button shape="round" color="danger">红烧排骨</ion-button>
+        <ion-button shape="round" color="danger">清蒸鲈鱼</ion-button>
+        <ion-button shape="round" color="danger">鱼香肉丝</ion-button>
+      </ion-item>
+    </ion-card-content>
+  </ion-card>
+</ion-content>

src/app/tab3/tab3.page.html

@@ -1,9 +1,8 @@
 <ion-header>
   <ion-toolbar>
-    <ion-title>我的</ion-title>
     <!-- 编辑信息按钮 -->
     <ion-buttons slot="end">
-      <ion-button routerLink="/user/info">
+      <ion-button>
         <ion-icon slot="start" name="create-outline"></ion-icon>
       </ion-button>
       <ion-button id="myMenu">
@@ -16,15 +15,10 @@
               <ion-icon name="scan-outline" size="small"></ion-icon>
               <ion-text>扫一扫</ion-text>
             </ion-item>
-            <ion-item [button]="true">
-              <ion-icon name="share-social-outline" size="small"></ion-icon>
-              <ion-text>分享</ion-text>
-            </ion-item>
             <ion-item [button]="true">
               <ion-icon name="pulse-outline" size="small"></ion-icon>
               <ion-text>客服</ion-text>
             </ion-item>
-
             <ion-item [button]="true">
               <ion-icon name="settings-outline" size="small"></ion-icon>
               <ion-text>设置</ion-text>
@@ -44,28 +38,22 @@
           <img alt="头像" src="https://ionicframework.com/docs/img/demos/avatar.svg" />
         </ion-avatar>
         <ion-label>
-          {{'昵称'}}
+          <ion-note>昵称</ion-note>
         </ion-label>
-        <ion-buttons slot="end">
-          <ion-button>
-            <ion-icon name="heart-outline"></ion-icon>
-            <ion-note>{{'99'}}</ion-note>
-          </ion-button>
-        </ion-buttons>
       </ion-item>
       <ion-item lines="none">
-        <ion-badge slot="start">{{'标签'}}</ion-badge>
+        <ion-badge slot="start">标签</ion-badge>
       </ion-item>
       <ion-item lines="none">
         <ion-label color="medium">
-          {{'介绍一下自己吧'}}
+          <ion-note>介绍一下自己吧</ion-note>
         </ion-label>
       </ion-item>
     </ion-list>
   </ion-card>
 
   <!-- 列表 -->
-  <ion-card class="myList">
+  <ion-card>
     <ion-list [inset]="true">
       <ion-item button detail="true">
         <ion-label>

src/app/tabs/tabs.page.html

@@ -2,17 +2,17 @@
 
   <ion-tab-bar slot="bottom">
     <ion-tab-button tab="tab1" href="/tabs/tab1">
-      <ion-icon aria-hidden="true" name="triangle"></ion-icon>
+      <ion-icon aria-hidden="true" name="bonfire-outline"></ion-icon>
       <ion-label>知食</ion-label>
     </ion-tab-button>
 
     <ion-tab-button tab="tab2" href="/tabs/tab2">
-      <ion-icon aria-hidden="true" name="ellipse"></ion-icon>
+      <ion-icon aria-hidden="true" name="library-outline"></ion-icon>
       <ion-label>社区</ion-label>
     </ion-tab-button>
 
     <ion-tab-button tab="tab3" href="/tabs/tab3">
-      <ion-icon aria-hidden="true" name="square"></ion-icon>
+      <ion-icon aria-hidden="true" name="person-outline"></ion-icon>
       <ion-label>我的</ion-label>
     </ion-tab-button>
   </ion-tab-bar>

src/index.html

@@ -3,12 +3,13 @@
 
 <head>
   <meta charset="utf-8" />
-  <title>Ionic App</title>
+  <title>知食有味</title>
 
   <base href="/" />
 
   <meta name="color-scheme" content="light dark" />
-  <meta name="viewport" content="viewport-fit=cover, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+  <meta name="viewport"
+    content="viewport-fit=cover, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
   <meta name="format-detection" content="telephone=no" />
   <meta name="msapplication-tap-highlight" content="no" />
 
@@ -23,4 +24,4 @@
   <app-root></app-root>
 </body>
 
-</html>
+</html>

《知食有味》项目策划书.md

@@ -35,7 +35,7 @@
   - 民以食为天，在中国几千年的历史发展中都离不开饮食演变，在饮食追求美味营养健康的今天，吃什么，怎么吃，是很多人每天都要思考的问题。
   - 不同地区的居民膳食模式呈现差异，仍存在营养不均衡、慢性病患者基数增加的现象。
   - 居民生活条件有所上升，生活水平得以改善，健康意识逐步加强，但由于地理位置、饮食习惯存在差异，所对应的膳食模式也呈现不同。
-  -  居民不健康生活方式仍然普遍存在，像婴幼儿、 青少年、普通人群和中老年群体仍存在膳食摄入不均衡现象，面临营养不良/过剩、肥胖问 题凸显、慢性病患者基数不断增加等问题，我国在膳食营养方面的防控工作仍面临极大挑战。
+  - 居民不健康生活方式仍然普遍存在，像婴幼儿、 青少年、普通人群和中老年群体仍存在膳食摄入不均衡现象，面临营养不良/过剩、肥胖问 题凸显、慢性病患者基数不断增加等问题，我国在膳食营养方面的防控工作仍面临极大挑战。
 
   ### 用户分析