<movable-area wx:if="{{conversation.conversationID}}" class="t-conversation-item-container">
    <movable-view
        class="t-conversation-item {{conversation.isPinned && 't-conversation-pinneditem'}}"
        bind:touchend="handleTouchEnd" direction="horizontal" bindchange="handleTouchMove" damping="100"
        x="{{xScale}}" inertia out-of-bounds
    >
        <view class="avatar-box">
            <image class="t-conversation-item-avatar" src="{{setConversationAvatar}}" binderror="handleimageerro">
            </image>
            <view class="right-box">
                <view
                    class="unread"
                    wx:if="{{conversation.unreadCount !== 0 && conversation.messageRemindType !== 'AcceptNotNotify'}}"
                >
                    <view class="read-text" wx:if="{{conversation.unreadCount > 99}}">99+</view>
                    <view class="read-text" wx:else>{{conversation.unreadCount}}</view>
                </view>
                <view wx:if="{{conversation.unreadCount !== 0}}">
                    <view class="unread-mute" wx:if="{{conversation.messageRemindType === 'AcceptNotNotify'}}">
                    </view>
                </view>
                <i wx:if="{{conversation.type === 'C2C' && getStatus && showStatus}}"  class="status {{showStatus && 'status-online'}}"></i>
                <i wx:if="{{conversation.type === 'C2C' && getStatus && !showStatus}}" class="statusType {{!showStatus && 'status-offline'}}"></i>
            </view>
        </view>
        <view class="t-conversation-item-content">
            <label class="tui-conversation-item-name">{{conversationName}}</label>
            <view class="tui-conversation-box">
                <view class="tui-conversation-lastName" wx:if="{{conversation.type === 'GROUP'}}">
                    <text>{{showName}}:</text>
                </view>
                <view class="tui-conversation-lastMessage"
                      wx:if="{{conversation.unreadCount !== 0 && conversation.messageRemindType === 'AcceptNotNotify'}}">
                    <view class="text-box">
                        <text>[{{conversation.unreadCount}}条]</text>
                        <text class="lastMessage-payload">{{showMessage}}</text>
                    </view>
                </view>
                <view wx:else class="tui-conversation-lastMessage">
                    <text class="lastMessage-payload">{{showMessage}}</text>
                </view>
            </view>
        </view>
        <view class="t-conversation-item-box">
            <view class="t-conversation-item-info">
                {{conversation.lastMessage.timeago}}
            </view>
            <view wx:if="{{showMuteIcon}}" class="t-conversation-item-mutenotifications">
                <image class="t-conversation-mutenotifications-img" src="../../../../static/images/mutenotifications.png"/>
            </view>
        </view>
        <view class="t-conversation-box">
            <view class="t-conversation-mutenotifications" catchtap="muteNotifications">{{showMute}}</view>
            <view class="t-conversation-pinconversation" catchtap="pinConversation">{{showPin}}</view>
            <view class="t-conversation-delete" catchtap="deleteConversation">删除</view>
        </view>
    </movable-view>
</movable-area>

