Zhubin-jiemian/myapp/src/app/tab1/consuit/consuit.page.html

<ion-header [translucent]="true">

  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>明律通 - AI法律顾问</title>
  <!-- 引入国内CDN资源 -->
  <link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">

  <ion-toolbar>
    <div class="header" style="display: flex; align-items: center; color: #00C4A1;">
      <i (click)="goTab1('Tab1')" class="fas fa-arrow-left"></i>
      <ion-title style="color: #3A5FE5;;">AI法律咨询</ion-title>
    </div>   
  </ion-toolbar>
</ion-header>

<ion-content [fullscreen]="true">
   <!-- 智能咨询页 -->     
    <div class="chat-container">
        <div class="chat-messages">
            <div class="message user-message">
                公司拖欠工资怎么办？
            </div>
            
            <div class="message ai-message">
                <p>根据《劳动合同法》第38条，用人单位未及时足额支付劳动报酬的，劳动者可以解除劳动合同并要求经济补偿。</p>
                
                <div class="law-ref">
                    <strong>《劳动合同法》第三十八条</strong><br>
                    用人单位有下列情形之一的，劳动者可以解除劳动合同：<br>
                    （二）未及时足额支付劳动报酬的；
                </div>
                
                <p>建议步骤：</p>
                <ol>
                    <li>收集工资条、银行流水等证据</li>
                    <li>向当地劳动监察大队投诉</li>
                    <li>申请劳动仲裁（时效1年）</li>
                </ol>
            </div>
            
            <div class="loading" id="loading" style="display: none;">
                <div class="loading-dots">
                    <span></span>
                    <span></span>
                    <span></span>
                </div>
            </div>
        </div>
        
        <div class="chat-input">
            <input type="text" placeholder="输入您的问题...">
            <button class="send-btn">
                <i class="fas fa-paper-plane" style="color: aliceblue;"></i>
            </button>
        </div>
    </div>
</ion-content>