Просмотр исходного кода

添加城市、地点、个人页面的more按钮

5230240 4 месяцев назад
Родитель
Сommit
221f972846

+ 10 - 0
src/app/person/person.page.html

@@ -107,6 +107,11 @@
            </ion-item>
            <!-- 其他收藏 -->
          </ion-list>
+         <ion-row>
+          <ion-col size="12">
+            <ion-button expand="full" color="light" shape="round" (click)="goToBlankPage()">more ></ion-button>
+          </ion-col>
+        </ion-row>
         </div>                 
       </div>        
          
@@ -132,6 +137,11 @@
         </ion-item>
         <!-- 其他评论 -->
       </ion-list>
+      <ion-row>
+        <ion-col size="12">
+          <ion-button expand="full" color="light" shape="round" (click)="goToBlankPage()">more ></ion-button>
+        </ion-col>
+      </ion-row>
     </ion-card-content>
   </ion-card>
 </ion-content>

+ 6 - 3
src/app/person/person.page.ts

@@ -1,15 +1,18 @@
 import { Component, OnInit } from '@angular/core';
+import { NavController } from '@ionic/angular';
 
 @Component({
   selector: 'app-person',
   templateUrl: './person.page.html',
   styleUrls: ['./person.page.scss'],
 })
-export class PersonPage implements OnInit {
+export class PersonPage  {
 
-  constructor() { }
+  constructor(private navCtrl: NavController) {}
 
-  ngOnInit() {
+  goToBlankPage() {
+    // 导航到空白页面
+    console.log('Navigating to Blank page');
   }
 
 }

+ 15 - 0
src/app/place/place.page.html

@@ -121,6 +121,11 @@
           </ion-list>
         </ion-card-content>
       </ion-card>
+      <ion-row>
+        <ion-col size="12">
+          <ion-button expand="full" color="light" shape="round" (click)="goToBlankPage()">more ></ion-button>
+        </ion-col>
+      </ion-row>
     </ion-card-content>
   </ion-card>
 
@@ -159,6 +164,11 @@
           </ion-label>
         </ion-item>
       </ion-list>
+      <ion-row>
+        <ion-col size="12">
+          <ion-button expand="full" color="light" shape="round" (click)="goToBlankPage()">more ></ion-button>
+        </ion-col>
+      </ion-row>
     </ion-card-content>
   </ion-card>
 
@@ -277,5 +287,10 @@
         </ion-card-content>
       </ion-card>
     </ion-card-content>
+    <ion-row>
+      <ion-col size="12">
+        <ion-button expand="full" color="light" shape="round" (click)="goToBlankPage()">more ></ion-button>
+      </ion-col>
+    </ion-row>
   </ion-card>
 </ion-content>

+ 6 - 4
src/app/place/place.page.ts

@@ -1,15 +1,17 @@
 import { Component, OnInit } from '@angular/core';
+import { NavController } from '@ionic/angular';
 
 @Component({
   selector: 'app-place',
   templateUrl: './place.page.html',
   styleUrls: ['./place.page.scss'],
 })
-export class PlacePage implements OnInit {
+export class PlacePage  {
+  constructor(private navCtrl: NavController) {}
 
-  constructor() { }
-
-  ngOnInit() {
+  goToBlankPage() {
+    // 导航到空白页面
+    console.log('Navigating to Blank page');
   }
 
 }

+ 15 - 0
src/app/tab3/tab3.page.html

@@ -100,6 +100,11 @@
           </ion-label>
         </ion-item>
       </ion-list>
+      <ion-row>
+        <ion-col size="12">
+          <ion-button expand="full" color="light" shape="round" (click)="goToBlankPage()">more ></ion-button>
+        </ion-col>
+      </ion-row>
     </ion-card-content>
   </ion-card>
 
@@ -141,6 +146,11 @@
           </ion-label>
         </ion-item>
       </ion-list>
+      <ion-row>
+        <ion-col size="12">
+          <ion-button expand="full" color="light" shape="round" (click)="goToBlankPage()">more ></ion-button>
+        </ion-col>
+      </ion-row>
     </ion-card-content>
   </ion-card>
 
@@ -182,6 +192,11 @@
           </ion-label>
         </ion-item>
       </ion-list>
+      <ion-row>
+        <ion-col size="12">
+          <ion-button expand="full" color="light" shape="round" (click)="goToBlankPage()">more ></ion-button>
+        </ion-col>
+      </ion-row>
     </ion-card-content>
   </ion-card>
 </ion-content>

+ 2 - 2
src/app/tab3/tab3.page.ts

@@ -10,8 +10,8 @@ export class Tab3Page {
   constructor(private navCtrl: NavController) {}
 
   goToBlankPage() {
-    // 处理显示更多城市的逻辑
-    console.log('显示更多城市');
+    // 导航到空白页面
+    console.log('Navigating to Blank page');
   }
 
 }