</ion-tab-button>

+ 35 - 1
src/app/navtabs/navtabs.page.scss
查看文件

95 
 //   &.tab-selected::before {
 95 
 //   &.tab-selected::before {
96 
 //     background-color: var(--ion-color-primary);
 96 
 //     background-color: var(--ion-color-primary);
97 
 //   }
 97 
 //   }
98 
-// }
98 
+// }
99 
+
100 
+// ion-tab-bar {
101 
+//     bottom: 20px;
102 
+//     position: relative;
103 
+//     border-radius: 16px;
104 
+//     width: 92%;
105 
+//     margin: 0 auto;
106 
+
107 
+//   }
108 
+
109 
+  ion-tab-button {
110 
+    --color: var(--ion-color-medium);
111 
+    --color-selected: var(--ion-color-primary);
112 
+    --background-focused:#ff600d;
113 
+    --background-focused-opacity:0.5;
114 
+
115 
+    &::before {
116 
+      background-color: transparent;
117 
+      display: block;
118 
+      content: "";
119 
+      margin: 0 auto;
120 
+      width: 20px;
121 
+      height: 2px;
122 
+    }
123 
+
124 
+    &.tab-selected::before {
125 
+      background-color: var(--ion-color-primary);
126 
+    }
127 
+  }
128 
+
129 
+  // ion-tab-button.tab-selected {
130 
+  //   --background: var(--ion-color-dark) !important;
131 
+  //   --color-selected: var(--ion-color-light);
132 
+  // }

+ 11 - 9
src/app/news-detail/news-detail.page.html
查看文件

16 
       </ion-col>
 16 
       </ion-col>
17 
     </ion-row>
 17 
     </ion-row>
18 
   </ion-grid>
 18 
   </ion-grid>
19 
-  <ion-grid>
20 
-    <ion-row>
21 
-      <ion-col *ngIf="data">
22 
-        <div [innerHTML]="data?.title.rendered" class="title-txt-1"></div>
23 
-          <img [src]="data.better_featured_image.source_url" [style.width]="'100%'" />
24 
-          <div [innerHTML]="data.content.rendered"></div>
25 
-      </ion-col>
26 
-    </ion-row>
27 
-  </ion-grid>
19 
+  <div *ngIf="data">
20 
+    <img [src]="data.better_featured_image.source_url" [style.width]="'100%'" />
21 
+    <ion-grid >
22 
+      <ion-row>
23 
+        <ion-col class="bg-color-1">
24 
+          <h2 [innerHTML]="data?.title.rendered" class="title-txt-1"></h2>
25 
+          <div [innerHTML]="data.content.rendered" class="content-txt-1"></div>
26 
+        </ion-col>
27 
+      </ion-row>
28 
+    </ion-grid>
29 
+  </div>
28 
   <ion-grid>
 30 
   <ion-grid>
29 
     <img src="../../../assets/img-static/banner-320x100.jpeg" alt="">
 31 
     <img src="../../../assets/img-static/banner-320x100.jpeg" alt="">
30 
   </ion-grid>
 32 
   </ion-grid>

+ 9 - 3
src/app/news-detail/news-detail.page.scss
查看文件

1 
-ion-row {
2 
-    background-color: #fcfcfc !important;
3 
-}
1 
+// ion-row {
2 
+//     background-color: #fcfcfc !important;
3 
+// }
4 
+.content-txt-1 {
5 
+    font-family: K2D !important;
6 
+    font-size: 1em;
7 
+    line-height: 1.3em;
8 
+    color: darkslategray;
9 
+}

+ 5 - 3
src/app/news/news.page.html
查看文件

11 
 <ion-content>
 11 
 <ion-content>
12 
   <ion-grid>
 12 
   <ion-grid>
13 
     <ion-row>
 13 
     <ion-row>
14 
-      <ion-col>
15 
-        <h2>ข่าวกีฬา</h2>
14 
+      <ion-col size="10" class="bg-color-4">
15 
+        <h2 class="color-1">ข่าวกีฬา</h2>
16 
+      </ion-col>
17 
+      <ion-col size="2" class="bg-color-3">
16 
       </ion-col>
 18 
       </ion-col>
17 
     </ion-row>
 19 
     </ion-row>
18 
   </ion-grid>
 20 
   </ion-grid>
24 
     </ion-row>
 26 
     </ion-row>
25 
   </ion-grid>
 27 
   </ion-grid>
26 
   <ion-grid>
 28 
   <ion-grid>
27 
-    <ion-card *ngFor="let news of newsdata" class="list-card-margin">
29 
+    <ion-card *ngFor="let news of newsdata" class="list-card-margin bg-color-1">
28 
       <img src="{{news.better_featured_image.source_url}}" />
 30 
       <img src="{{news.better_featured_image.source_url}}" />
29 
       <ion-card-header>
 31 
       <ion-card-header>
30 
         <a [routerLink]="['../news-detail' , news.id]">
 32 
         <a [routerLink]="['../news-detail' , news.id]">

+ 7 - 4
src/app/news/news.page.scss
查看文件

1 
-ion-row {
2 
-    background-color: #fcfcfc !important;
3 
-}
1 
+// ion-row {
2 
+//     background-color: #fcfcfc !important;
3 
+// }
4
4
5 
 .list-card-margin {
 5 
 .list-card-margin {
6 
     margin: 0 0 10px 0;
 6 
     margin: 0 0 10px 0;
28 
     color: darkslategray;
 28 
     color: darkslategray;
29 
 }
 29 
 }
30
30
31 
-
31 
+.header-tab {
32 
+    background: rgb(2,0,36);
33 
+background: linear-gradient(156deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 0%, rgba(7,65,158,1) 43%, rgba(4,122,195,1) 82%, rgba(0,212,255,1) 100%);
34 
+}

+ 4 - 3
src/app/youtube/youtube.page.html
查看文件

11 
 <ion-content>
 11 
 <ion-content>
12 
   <ion-grid>
 12 
   <ion-grid>
13 
     <ion-row>
 13 
     <ion-row>
14 
-      <ion-col>
15 
-        <h2>รายการย้อนหลัง</h2>
16 
-        <hr>
14 
+      <ion-col size="10" class="bg-color-4">
15 
+        <h2 class="color-1">รายการย้อนหลัง</h2>
16 
+      </ion-col>
17 
+      <ion-col size="2" class="bg-color-6">
17 
       </ion-col>
 18 
       </ion-col>
18 
     </ion-row>
 19 
     </ion-row>
19 
   </ion-grid>
 20 
   </ion-grid>

+ 3 - 3
src/app/youtube/youtube.page.scss
查看文件

1 
-ion-row {
2 
-    background-color: #fcfcfc !important;
3 
-}
1 
+// ion-row {
2 
+//     background-color: #fcfcfc !important;
3 
+// }
4
4
5 
 .list-card-margin {
 5 
 .list-card-margin {
6 
     margin: 0 0 10px 0;
 6 
     margin: 0 0 10px 0;

File diff suppressed because it is too large
+ 638 - 0
src/assets/icon/fm99-logo-2021-3.svg


二進制
src/assets/img-static/bg-content-min.jpg
查看文件


+ 70 - 5
src/global.scss
查看文件

86
86
87 
 ion-content {
 87 
 ion-content {
88 
   // --ion-background-color: #111D12;
 88 
   // --ion-background-color: #111D12;
89 
-  --background: url('./assets/img-static/bg-content-min.jpg') no-repeat
90 
-center/cover;
89 
+  --background: url('./assets/img-static/bg-content-min.jpg') no-repeat center/cover;
91 
 }
 90 
 }
92
91
93
92
102 
   font-size: 1.3em;
 101 
   font-size: 1.3em;
103 
   margin-top: 5px;
 102 
   margin-top: 5px;
104 
   margin-bottom: 0px;
 103 
   margin-bottom: 0px;
105 
-  color: darkorange;
104 
+  // color: darkorange;
106
105
107 
 }
 106 
 }
108
107
111 
   font-size: 1.3em;
 110 
   font-size: 1.3em;
112 
   margin-top: 5px;
 111 
   margin-top: 5px;
113 
   margin-bottom: 0px;
 112 
   margin-bottom: 0px;
114 
-  color: darkorange;
113 
+  // color: darkorange;
115 
 }
 114 
 }
116
115
117 
 .head-img {
 116 
 .head-img {
119 
   display: flex;
 118 
   display: flex;
120 
   margin-left: 10px;
 119 
   margin-left: 10px;
121 
   margin-top: 5px;
 120 
   margin-top: 5px;
121 
+  // --box-shadow: 0 0 3px 0 var(--ion-color-medium);
122 
+
122 
 }
 123 
 }
123
124
124 
 // ion-toolbar {
 125 
 // ion-toolbar {
143
144
144 
 a {
 145 
 a {
145 
   text-decoration: none;
 146 
   text-decoration: none;
146 
-}
147 
+}
148 
+
149 
+.bg-white {
150 
+  background-color: #fff;
151 
+}
152 
+
153 
+.bg-color-1 {
154 
+  background: rgb(2,0,36);
155 
+  background: linear-gradient(190deg, rgba(2,0,36,1) 0%, rgba(255,255,255,1) 0%, rgba(233,233,233,1) 61%, rgba(255,255,255,1) 90%, rgba(213,213,213,1) 100%);
156 
+}
157 
+
158 
+.bg-color-2 {
159 
+  background-color: rgb(74, 156, 224);
160 
+}
161 
+
162 
+.bg-color-3 {
163 
+  background-color: darkorange;
164 
+}
165 
+
166 
+.bg-color-4 {
167 
+  background-color: rgba(255, 255, 255, 0.3);
168 
+}
169 
+
170 
+.bg-color-6 {
171 
+  background-color:#c32020;
172 
+}
173 
+
174 
+.color-1 {
175 
+  color: #fff;
176 
+}
177 
+
178 
+.color-2 {
179 
+  color: rgb(74, 156, 224);
180 
+}
181 
+
182 
+.color-3 {
183 
+  color: darkorange;
184 
+}
185 
+
186 
+.color-4 {
187 
+  color: #0f4c75;
188 
+}
189 
+
190 
+.color-5 {
191 
+  color: #3282b8;
192 
+}
193 
+
194 
+.color-6 {
195 
+  color: #c32020;
196 
+}
197 
+
198 
+ion-row.last-child-pad-bottom {
199 
+
200 
+  // padding-bottom: 15px;
201 
+  // background: black;
202 
+  // heading:last-child
203 
+  :last-child {
204 
+    // background: black;
205 
+    // padding-bottom: 21px;
206 
+  }
207 
+}
208 
+
209 
+// ion-row.last-child-pad-bottom:last-child {
210 
+//   background: black;
211 
+// }

golf/tge - Gogs: Simplico Git Service
Home Esplora Aiuto
Accedi
golf
/
tge
Segui 1
Vota 0
Forka 0
Codice Problemi 0 Pull Requests 0 Commit 2 Rilasci 0 Wiki
Ramo (Branch): main
Rami (Branch) Tag

1 Commits (main)

Autore SHA1 Messaggio Data
  golf d8e79ace03 index commit 3 anni fa