正在加载聊天...

{{loadingMessages ? '加载中...' : '上拉加载更多消息'}} {{item.dateText}} ↩️ {{item.content}} {{item.content}} ❌ 图片加载失败 {{item.content.error}} 原始内容: {{item.content.originalContent}}

👤 {{item.cardName || '联系人'}} {{item.cardPhone || ''}} {{item.content}} [不支持的消息类型] {{item.bubbleTime}} ✓ ● ! ↻ 重新发送

👤

👥 {{item.senderName}} ↩️ {{item.content}} {{item.content}} ❌ 图片加载失败 {{item.content.error}} 原始内容: {{item.content.originalContent}}

👤 {{item.cardName || '联系人'}} {{item.cardPhone || ''}} {{item.content}} [不支持的消息类型] {{item.bubbleTime}}

↓

</view>

<view wx:else class="voice-input-wrapper">
        <button class="voice-btn {{recording ? 'recording' : ''}}" bindtouchstart="onVoiceTouchStart"
          bindtouchmove="onVoiceTouchMove" bindtouchend="onVoiceTouchEnd" bindtouchcancel="onVoiceTouchCancel">
          <image class="inline-icon" src="/images/emoji/s-input.svg" mode="aspectFit" />
          按住 说话
        </button>
      </view>

<view class="tool-btn" bindtap="toggleEmojiPanel">
        <image class="icon-emoji" src="/images/emoji/m-emoji.svg" mode="aspectFit" />
      </view>

<view wx:if="{{inputText.length === 0}}" class="tool-btn" bindtap="toggleMorePanel">
        <image class="icon-more" src="/images/emoji/add-circle.svg" mode="aspectFit" />
      </view>

<view wx:if="{{inputText.length > 0}}" class="send-btn" bindtap="sendTextMessage">
        <text>发送</text>
      </view>
    </view>

<view wx:if="{{showEmojiPanel}}" class="emoji-panel">
      <scroll-view class="emoji-scroll" scroll-y="{{true}}" show-scrollbar="{{false}}">
        <view class="emoji-list">
          <text wx:for="{{commonEmojis}}" wx:key="*this" class="emoji-item" bindtap="selectEmoji"
            data-emoji="{{item}}">{{item}}</text>
        </view>
        
        <view class="emoji-bottom-spacer" style="height: {{safeAreaBottom}}px;"></view>
      </scroll-view>
    </view>
  </view>

<view wx:if="{{showMorePanel}}" class="more-panel-overlay" bindtap="toggleMorePanel">
    <view class="more-panel" catchtap="stopPropagation">
      <view class="more-panel-header">
        <text class="more-panel-title">选择功能</text>
        <view class="more-panel-close" bindtap="toggleMorePanel">✕</view>
      </view>
      <view class="more-list">
        <view class="more-item" bindtap="showMediaPicker">
          <image class="more-icon" src="/images/cam.svg" mode="aspectFit"></image>
          <text class="more-text">拍照/录像</text>
        </view>
        <view class="more-item" bindtap="chooseImageFromAlbum">
          <image class="more-icon" src="/images/Album.svg" mode="aspectFit"></image>
          <text class="more-text">相册</text>
        </view>
        <view class="more-item" bindtap="selectFile">
          <image class="more-icon" src="/images/download.svg" mode="aspectFit"></image>
          <text class="more-text">文件</text>
        </view>
        <view class="more-item" bindtap="selectLocation">
          <image class="more-icon" src="/images/loca.svg" mode="aspectFit"></image>
          <text class="more-text">位置</text>
        </view>
      </view>
    </view>
  </view>

<view wx:if="{{recording}}" class="recording-tips">
    <text wx:if="{{!voiceCancel}}">松开 结束， 上滑 取消</text>
    <text wx:else>松开手指，取消发送</text>
  </view>

</view>