Ai/myapp/src/app/tab2/tab2.page.html

<ion-header [translucent]="true">
  <ion-toolbar>
    <ion-title>
      Tab 2
    </ion-title>
  </ion-toolbar>
</ion-header>

<ion-content [fullscreen]="true">
  <div class="header">
            <div class="title">AI辨鸟咨询</div>
        </div>
        
        <!-- 专家卡片列表 -->
        <div class="expert-container">
            <!-- 专家1 -->
            <div class="expert-card">
                <div class="expert-avatar" style="background-image: url('/assets/avatars/people.jpeg');"></div>
                <div class="expert-info">
                    <div class="expert-name">
                        <span>张教授</span>
                        <span>鸟类学专家</span>
                    </div>
                    <div class="expert-research">研究方向：候鸟迁徙与生态保护</div>
                </div>
                <button class="consult-btn" (click)="openConsult()">
                    <i class="iconfont icon-message"></i> 咨询
                </button>
            </div>
            
            <!-- 专家2 -->
            <div class="expert-card">
                <div class="expert-avatar" style="background-image: url('/assets/avatars/people2.jpeg');"></div>
                <div class="expert-info">
                    <div class="expert-name">
                        <span>林鹤然</span>
                        <span>东亚候鸟迁徙研究专家</span>
                    </div>
                    <div class="expert-research">研究方向：专注长江流域湿地鸟类（如白头鹤、东方白鹳）的栖息地保护</div>
                </div>
                <button class="consult-btn" >
                    <i class="iconfont icon-message"></i> 咨询
                </button>
            </div>
            
            <!-- 专家3 -->
            <div class="expert-card">
                <div class="expert-avatar" style="background-image: url('/assets/avatars/people3.jpeg');"></div>
                <div class="expert-info">
                    <div class="expert-name">
                        <span>Dr. Isabella "Bella" Monteiro</span>
                        <span>亚马逊鸟类声学研究先驱</span>
                    </div>
                    <div class="expert-research">研究方向：破解热带鸟类鸣声的演化密码</div>
                </div>
                <button class="consult-btn" >
                    <i class="iconfont icon-message"></i> 咨询
                </button>
            </div>
        </div>
</ion-content>