"lines-code halfwidth">
67 
               รายละเอียด
69 
               รายละเอียด
68 
             </ion-label>
70 
             </ion-label>
69 
           </ion-segment-button>
71 
           </ion-segment-button>
72 
+          <ion-segment-button value="list3">
73 
+            <ion-label>
74 
+              แกลลอรี่
75 
+            </ion-label>
76 
+          </ion-segment-button>
70 
         </ion-segment>
77 
         </ion-segment>
71
78
72 
         <ion-list *ngIf="segment === 'list1'">
79 
         <ion-list *ngIf="segment === 'list1'">
83 
           </ion-col>
90 
           </ion-col>
84 
         </ion-list>
91 
         </ion-list>
85 
       </ion-col>
92 
       </ion-col>
93 
+<ion-list *ngIf="segment === 'list3'">
94 
+  <ion-col>
95 
+
96 
+  </ion-col>
97 
+</ion-list>
86 
     </ion-row>
98 
     </ion-row>
87
99
88 
   </ion-grid>
100 
   </ion-grid>

+ 3 - 1
src/app/profile/profile.page.html
Wyświetl plik

3 
     <ion-buttons slot="start" color="light">
 3 
     <ion-buttons slot="start" color="light">
4 
       <ion-back-button></ion-back-button>
 4 
       <ion-back-button></ion-back-button>
5 
     </ion-buttons>
 5 
     </ion-buttons>
6 
-    <ion-title>Wellness Route</ion-title>
6 
+    <div class="hcs">
7 
+      <img src="/assets/images/wellnessbar.svg" height="50" />
8 
+    </div>
7 
   </ion-toolbar>
 9 
   </ion-toolbar>
8 
 </ion-header>
 10 
 </ion-header>
9 
 <ion-content>
 11 
 <ion-content>

+ 3 - 1
src/app/province/province.page.html
Wyświetl plik

3 
     <ion-buttons slot="start" color="light">
 3 
     <ion-buttons slot="start" color="light">
4 
       <ion-back-button></ion-back-button>
 4 
       <ion-back-button></ion-back-button>
5 
     </ion-buttons>
 5 
     </ion-buttons>
6 
-    <ion-title>Wellnewss Route</ion-title>
6 
+    <div class="hcs">
7 
+      <img src="/assets/images/wellnessbar.svg" height="50" />
8 
+    </div>
7 
   </ion-toolbar>
 9 
   </ion-toolbar>
8 
 </ion-header>
 10 
 </ion-header>
9 
 <ion-content>
 11 
 <ion-content>

+ 3 - 1
src/app/register-form/register-form.page.html
Wyświetl plik

3 
     <ion-buttons slot="start" color="light">
 3 
     <ion-buttons slot="start" color="light">
4 
       <ion-back-button></ion-back-button>
 4 
       <ion-back-button></ion-back-button>
5 
     </ion-buttons>
 5 
     </ion-buttons>
6 
-    <ion-title>Wellness Route</ion-title>
6 
+    <div class="hcs">
7 
+      <img src="/assets/images/wellnessbar.svg" height="50" />
8 
+    </div>
7 
   </ion-toolbar>
 9 
   </ion-toolbar>
8 
 </ion-header>
 10 
 </ion-header>
9 
 <ion-content>
 11 
 <ion-content>

+ 3 - 1
src/app/register/register.page.html
Wyświetl plik

3 
     <ion-buttons slot="start" color="light">
 3 
     <ion-buttons slot="start" color="light">
4 
       <ion-back-button></ion-back-button>
 4 
       <ion-back-button></ion-back-button>
5 
     </ion-buttons>
 5 
     </ion-buttons>
6 
-    <ion-title>Wellness Route</ion-title>
6 
+    <div class="hcs">
7 
+      <img src="/assets/images/wellnessbar.svg" height="50" />
8 
+    </div>
7 
   </ion-toolbar>
 9 
   </ion-toolbar>
8 
 </ion-header>
 10 
 </ion-header>
9 
 <ion-content class="auth-form">
 11 
 <ion-content class="auth-form">

+ 3 - 1
src/app/reset-password/reset-password.page.html
Wyświetl plik

3 
     <ion-buttons slot="start" color="light">
 3 
     <ion-buttons slot="start" color="light">
4 
       <ion-back-button></ion-back-button>
 4 
       <ion-back-button></ion-back-button>
5 
     </ion-buttons>
 5 
     </ion-buttons>
6 
-    <ion-title>Wellness Route</ion-title>
6 
+    <div class="hcs">
7 
+      <img src="/assets/images/wellnessbar.svg" height="50" />
8 
+    </div>
7 
   </ion-toolbar>
 9 
   </ion-toolbar>
8 
 </ion-header>
 10 
 </ion-header>
9 
 <ion-content>
 11 
 <ion-content>

+ 0 - 31
src/app/tabs/tabs.page copy.html
Wyświetl plik

1 
-<ion-tabs>
2 
-  <ion-fab vertical="bottom" horizontal="center" slot="fixed">
3 
-
4 
-      <ion-fab-button [routerLink]="['/tabs/nearme/']">
5 
-        <ion-icon name="add-outline"></ion-icon>
6 
-      </ion-fab-button>
7 
-
8 
-  </ion-fab>
9 
-
10 
-  <ion-tab-bar slot="bottom">
11 
-    <ion-tab-button tab="tab1">
12 
-      <ion-icon name="home"></ion-icon>
13 
-      <ion-label>Tab 1</ion-label>
14 
-    </ion-tab-button>
15 
-
16 
-    <ion-tab-button tab="tab2">
17 
-      <ion-icon name="ellipse"></ion-icon>
18 
-      <ion-label>Tab 2</ion-label>
19 
-    </ion-tab-button>
20 
-
21 
-    <ion-tab-button tab="tab3">
22 
-      <ion-icon name="location"></ion-icon>
23 
-      <ion-label>Tab 3</ion-label>
24 
-    </ion-tab-button>
25 
-
26 
-    <ion-tab-button tab="tab4">
27 
-      <ion-icon name="location"></ion-icon>
28 
-      <ion-label>Tab 4</ion-label>
29 
-    </ion-tab-button>
30 
-  </ion-tab-bar>
31 
-</ion-tabs>

+ 0 - 1
src/app/tabs/tabs.page copy.scss
Wyświetl plik

1 
-

+ 6 - 9
src/app/tabs/tabs.page.html
Wyświetl plik

5 
     </ion-fab-button>
 5 
     </ion-fab-button>
6 
   </ion-fab> -->
 6 
   </ion-fab> -->
7 
   <ion-tab-bar slot="bottom">
 7 
   <ion-tab-bar slot="bottom">
8 
-    <ion-tab-button tab="home">
8 
+    <ion-tab-button tab="home" layout="icon-top">
9 
       <ion-icon name="home"></ion-icon>
 9 
       <ion-icon name="home"></ion-icon>
10 
       <ion-label>หน้าแรก</ion-label>
 10 
       <ion-label>หน้าแรก</ion-label>
11 
     </ion-tab-button>
 11 
     </ion-tab-button>
12
12
13 
-    <ion-tab-button tab="nearme">
14 
-      <ion-icon name="location"></ion-icon>
15 
-      <ion-label>ใกล้ฉัน</ion-label>
13 
+    <ion-tab-button tab="nearme" layout="icon-top">
14 
+      <ion-icon name="location" color="danger"></ion-icon>
15 
+      <ion-label color="danger">ใกล้ฉัน</ion-label>
16 
     </ion-tab-button>
 16 
     </ion-tab-button>
17
17
18 
-    <ion-tab-button tab="login">
18 
+    <ion-tab-button tab="login" layout="icon-top">
19 
       <ion-icon name="person"></ion-icon>
 19 
       <ion-icon name="person"></ion-icon>
20 
       <ion-label>ฉัน</ion-label>
 20 
       <ion-label>ฉัน</ion-label>
21 
     </ion-tab-button>
 21 
     </ion-tab-button>
22 
-    <ion-tab-button tab="register-form">
23 
-      <ion-icon name="person"></ion-icon>
24 
-      <ion-label>ลงทะเบียน</ion-label>
25 
-    </ion-tab-button>
22 
+
26 
   </ion-tab-bar>
 23 
   </ion-tab-bar>
27 
 </ion-tabs>
 24 
 </ion-tabs>

+ 31 - 1
src/app/tabs/tabs.page.scss
Wyświetl plik

1 
 ion-label {
 1 
 ion-label {
2 
     font-family: "IBM Plex Sans Thai", sans-serif !important;
 2 
     font-family: "IBM Plex Sans Thai", sans-serif !important;
3 
     font-weight: 400;
 3 
     font-weight: 400;
4 
-}
4 
+}
5 
+
6 
+ion-tab-bar {
7 
+    height: 70px;
8 
+  }
9 
+
10 
+// ion-tab-bar {
11 
+//     bottom: 20px;
12 
+//     position: relative;
13 
+//     border-radius: 16px;
14 
+//     width: 92%;
15 
+//     margin: 0 auto;
16 
+//   }
17 
+
18 
+//   ion-tab-button {
19 
+//     --color: var(--ion-color-medium);
20 
+//     --color-selected: var(--ion-color-primary);
21 
+
22 
+//     &::before {
23 
+//       background-color: transparent;
24 
+//       display: block;
25 
+//       content: "";
26 
+//       margin: 0 auto;
27 
+//       width: 20px;
28 
+//       height: 2px;
29 
+//     }
30 
+
31 
+//     &.tab-selected::before {
32 
+//       background-color: var(--ion-color-primary);
33 
+//     }
34 
+//   }

Plik diff jest za duży
+ 1 - 0
src/assets/images/wellness-logo.svg


Plik diff jest za duży
+ 1 - 0
src/assets/images/wellnessbar.svg


Plik diff jest za duży
+ 1 - 1
src/assets/json/place173.json


+ 8 - 0
src/global.scss
Wyświetl plik

78 
   font-family: "IBM Plex Sans Thai", sans-serif !important;
 78 
   font-family: "IBM Plex Sans Thai", sans-serif !important;
79 
 }
 79 
 }
80
80
81 
+.hcs {
82 
+  display: flex;
83 
+  justify-content: center;
84 
+  align-items: center;
85 
+  padding-bottom: 5px;
86 
+  padding-top: 5px;
87 
+}
88 
+
81 
 .new-background-color {
 89 
 .new-background-color {
82 
   --background: rgb(103, 143, 221);
 90 
   --background: rgb(103, 143, 221);
83 
   --background: -moz-linear-gradient(
 91 
   --background: -moz-linear-gradient(

tum/commu - Gogs: Simplico Git Service
首页 探索 帮助
登录
tum
/
commu
关注 1
点赞 0
派生 0
代码 工单管理 0 合并请求 0 提交历史 1 版本发布 0 Wiki
分支: master
分支列表 标签列表

1 次代码提交 (master)

作者 SHA1 备注 提交日期
  tum c8004f82a2 first commit 1 年之前