<view class="container">
  <view class="chat-area">
    <view class="message doctor-message">
      <image class="message-avatar" src="/image/doctor.png"></image>
      <view class="message-content">
        <text>请问您哪里不舒服？点击下方症状或描述病情</text>
      </view>
    </view>

    <view class="message {{item.isDoctor ? 'doctor-message' : 'user-message'}}" wx:for="{{messages}}" wx:key="index">
      <image class="message-avatar" src="{{item.isDoctor ? '/image/doctor.png' : '/image/success.png'}}"></image>
      <view class="message-content {{item.isDoctor ? '' : 'user'}}">
        <text>{{item.content}}</text>
      </view>
    </view>
  </view>

  <view class="symptoms-section" wx:if="{{showSymptomsPanel}}">
    <view class="section-title">点击症状词可快捷输入：</view>
    <view class="symptoms-grid">
      <view class="symptom-tag {{selectedSymptoms.includes(item) ? 'selected' : ''}}" wx:for="{{symptoms}}" wx:key="index" bindtap="toggleSymptom" data-symptom="{{item}}">
        <text>{{item}}</text>
      </view>
    </view>
  </view>

  <view class="buy-button" wx:if="{{showBuyButton}}" bindtap="goToBuyMedicine">
    <text>去买药</text>
  </view>

  <view class="input-area">
    <input class="input-box" placeholder="请描述您的症状..." value="{{inputText}}" bindinput="onInput"></input>
    <view class="send-btn" bindtap="sendMessage">
      <text>发送</text>
    </view>
  </view>
</view>
