正在加载聊天...

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

📍 {{item.locationName || '位置信息'}} {{item.locationAddress}} 📄 {{item.fileName || '文件'}} {{item.fileSize || '未知大小'}}

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

👤

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

📍 {{item.locationName || '位置信息'}} {{item.locationAddress}} 📄 {{item.fileName || '文件'}} {{item.fileSize || '未知大小'}}

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

↓ {{inputType === 'text' ? '🎤' : '⌨️'}}

</view>

<view wx:else class="voice-input-wrapper">
        <button
          class="voice-btn {{recording ? 'recording' : ''}}"
          bindtap="openVoiceRecorder"
        >
          🎤 录制语音
        </button>
      </view>

<view class="tool-btn" bindtap="toggleEmojiPanel">
        <text class="icon-emoji">😊</text>
      </view>

<view class="tool-btn" bindtap="toggleMorePanel">
        <text class="icon-more">➕</text>
      </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">
          <text class="more-icon">📷</text>
          <text class="more-text">拍照/录像</text>
        </view>
        <view class="more-item" bindtap="chooseImageFromAlbum">
          <text class="more-icon">🖼️</text>
          <text class="more-text">相册</text>
        </view>
        <view class="more-item" bindtap="selectFile">
          <text class="more-icon">📄</text>
          <text class="more-text">文件</text>
        </view>
        <view class="more-item" bindtap="selectLocation">
          <text class="more-icon">📍</text>
          <text class="more-text">位置</text>
        </view>
      </view>
    </view>
  </view>

<view wx:if="{{recording}}" class="recording-tips">
    <text>正在录音...</text>
  </view>

<voice-recorder
    visible="{{showVoiceRecorder}}"
    max-duration="{{60000}}"
    min-duration="{{1000}}"
    bind:send="onVoiceSend"
    bind:close="closeVoiceRecorder">
  </voice-recorder>

<media-preview
    visible="{{mediaPreviewVisible}}"
    media-list="{{mediaPreviewList}}"
    current-index="{{currentMediaIndex}}"
    bind:close="closeMediaPreview"
    bind:indexchange="onMediaIndexChange">
  </media-preview>

<message-action-menu
    visible="{{messageActionVisible}}"
    message="{{currentMessage}}"
    is-own-message="{{isOwnMessage}}"
    bind:close="closeMessageAction"
    bind:action="onMessageAction">
  </message-action-menu>

<mention-selector
    visible="{{mentionSelectorVisible}}"
    group-id="{{targetId}}"
    current-user-id="{{userInfo.user.customId}}"
    bind:close="closeMentionSelector"
    bind:mention="onMentionSelect">
  </mention-selector>

<view class="theme-toggle" bindtap="toggleTheme" style="position:fixed; left:24rpx; top: {{statusBarHeight+20}}rpx; width:64rpx; height:64rpx; border-radius:32rpx; background:rgba(255,255,255,0.04); display:flex; align-items:center; justify-content:center; z-index:800; color:var(--text-primary);">
    <text>{{themeClass === 'theme-dark' ? '🌙' : '☀️'}}</text>
  </view>

<view wx:if="{{showThemeOverlay}}" class="theme-overlay">
    <view class="theme-overlay-circle {{overlayPlaying ? 'play' : ''}}" style="width: {{overlayDiameter}}px; height: {{overlayDiameter}}px; left: {{overlayLeft}}px; top: {{overlayTop}}px;"></view>
  </view>

</view>