|
@@ -1,5 +1,5 @@
|
|
|
-import { Component, NgModule } from '@angular/core';
|
|
|
-import { ModalController, IonModal, IonHeader, IonToolbar, IonTitle, IonContent, IonList, IonItem, IonLabel, IonAvatar, IonButton, IonSegment, IonSegmentButton, IonSegmentContent, IonSegmentView, IonCardContent, IonCardTitle, IonCardHeader, IonCard, IonIcon, IonButtons, IonSearchbar } from '@ionic/angular/standalone';
|
|
|
+import { Component } from '@angular/core';
|
|
|
+import { ModalController, IonModal, IonHeader, IonToolbar, IonTitle, IonContent, IonList, IonItem, IonLabel, IonAvatar, IonButton, IonSegment, IonSegmentButton, IonSegmentContent, IonSegmentView, IonCardContent, IonCardTitle, IonCardHeader, IonCard, IonIcon, IonButtons, IonSearchbar, IonFab, IonFabButton, IonFabList } from '@ionic/angular/standalone';
|
|
|
import { ExploreContainerComponent } from '../explore-container/explore-container.component';
|
|
|
import { addIcons } from 'ionicons';
|
|
|
import { airplane, bluetooth, call, wifi } from 'ionicons/icons';
|
|
@@ -8,8 +8,16 @@ import { CommonModule } from '@angular/common';
|
|
|
import { CloudObject, CloudQuery } from 'src/lib/ncloud';
|
|
|
import { NavigationLanComponent } from '../component/navigation-lan/navigation-lan.component';
|
|
|
import { Router } from '@angular/router';
|
|
|
+import {
|
|
|
+ chevronDownCircle,
|
|
|
+ chevronForwardCircle,
|
|
|
+ chevronUpCircle,
|
|
|
+ colorPalette,
|
|
|
+ document,
|
|
|
+ globe,
|
|
|
+} from 'ionicons/icons';
|
|
|
addIcons({ airplane, bluetooth, call, wifi });
|
|
|
-
|
|
|
+addIcons({ chevronDownCircle, chevronForwardCircle, chevronUpCircle, colorPalette, document, globe });
|
|
|
@Component({
|
|
|
selector: 'app-tab2',
|
|
|
templateUrl: 'tab2.page.html',
|
|
@@ -20,7 +28,7 @@ addIcons({ airplane, bluetooth, call, wifi });
|
|
|
IonLabel,IonItem,IonList,IonAvatar,ArticleCardComponent,CommonModule,IonButton,
|
|
|
IonSegment, IonSegmentButton,NavigationLanComponent,
|
|
|
IonSegmentContent,IonSegmentView,IonCardContent, IonCardTitle, IonCardHeader,IonCard,
|
|
|
- IonModal,IonIcon, IonButtons, IonSearchbar
|
|
|
+ IonModal,IonIcon, IonButtons, IonSearchbar, IonFab, IonFabButton,IonFabList,
|
|
|
]
|
|
|
})
|
|
|
|
|
@@ -60,20 +68,20 @@ export class Tab2Page {
|
|
|
shareDetailModal() {
|
|
|
this.shareDetail = true;
|
|
|
// 在这里确保模态框的aria-hidden属性被正确处理
|
|
|
- setTimeout(() => {
|
|
|
- const modalElement = document.querySelector('ion-modal');
|
|
|
- if (modalElement) {
|
|
|
- modalElement.setAttribute('aria-hidden', 'false');
|
|
|
- }
|
|
|
- }, 0);
|
|
|
+ // setTimeout(() => {
|
|
|
+ // const modalElement = document.querySelector('ion-modal');
|
|
|
+ // if (modalElement) {
|
|
|
+ // modalElement.setAttribute('aria-hidden', 'false');
|
|
|
+ // }
|
|
|
+ // }, 0);
|
|
|
}
|
|
|
closeShareModal(){
|
|
|
this.shareDetail = false;
|
|
|
// 在这里确保模态框关闭时处理aria-hidden属性
|
|
|
- const modalElement = document.querySelector('ion-modal');
|
|
|
- if (modalElement) {
|
|
|
- modalElement.setAttribute('aria-hidden', 'true');
|
|
|
- }
|
|
|
+ // const modalElement = document.querySelector('ion-modal');
|
|
|
+ // if (modalElement) {
|
|
|
+ // modalElement.setAttribute('aria-hidden', 'true');
|
|
|
+ // }
|
|
|
}
|
|
|
copyLink() {
|
|
|
console.log('复制链接');
|
|
@@ -83,7 +91,9 @@ export class Tab2Page {
|
|
|
constructor(
|
|
|
private modalCtrl:ModalController,
|
|
|
private router:Router,
|
|
|
- ) { }
|
|
|
+ ) {
|
|
|
+ this.loadCards(); // 初始化时加载所有科普信息
|
|
|
+ }
|
|
|
|
|
|
cards: Array<CloudObject> = []; // 当前显示的分类卡片
|
|
|
async typeChange(ev: any) {
|
|
@@ -98,8 +108,17 @@ export class Tab2Page {
|
|
|
this.cards = this.allCards.filter((card) => card.get('category').toLowerCase().includes(this.type));
|
|
|
}
|
|
|
|
|
|
+
|
|
|
+ publishHealthInfo() {
|
|
|
+ // 这里可以添加发布求医信息的逻辑
|
|
|
+ console.log('发布求医信息');
|
|
|
+ }
|
|
|
+
|
|
|
+ openAiKnowledge(){
|
|
|
+ this.router.navigate(['tabs/ai-knowledge']);
|
|
|
+ }
|
|
|
ngOnInit() {
|
|
|
- this.loadCards();
|
|
|
+
|
|
|
}
|
|
|
|
|
|
}
|