<movable-area class="kefu-movable-area" wx:if="{{!sessionHidden}}">
  <movable-view
    class="kefu-movable-view"
    direction="vertical"
    y="{{floatY}}"
    damping="40"
    friction="2"
    bindchange="onFloatMove"
  >
    <block wx:if="{{mode === 'full'}}">
      <view class="kefu-wrap">
        <view class="kefu-float kefu-float--full">
          <view class="kefu-unread-badge" wx:if="{{csUnread > 0}}">{{csUnread > 99 ? '99+' : csUnread}}</view>
          <view class="kefu-float-main" catchtap="onContact">
            <image class="kefu-float-icon-img" src="{{iconUrl}}" mode="aspectFit" binderror="onIconError"/>
            <view class="kefu-text-col">
              <text class="kefu-float-text">联系客服</text>
              <text class="kefu-float-sub kefu-float-sub--warn" wx:if="{{csUnread > 0}}">有新消息</text>
              <text class="kefu-float-sub {{csOnline ? 'kefu-float-sub--online' : ''}}" wx:else>{{csStatusText}} {{csHoursText}}</text>
            </view>
          </view>
          <view class="kefu-float-close" catchtap="onHideTap">
            <text>×</text>
          </view>
        </view>
        <view class="kefu-permanent-row" catchtap="onSessionDismiss">
          <text class="kefu-permanent-label">本次不再显示</text>
        </view>
      </view>
    </block>

    <block wx:else>
      <view class="kefu-wrap kefu-wrap--mini">
        <view class="kefu-float kefu-float--mini" catchtap="onContact" bindlongpress="onExpand">
          <view class="kefu-unread-badge kefu-unread-badge--mini" wx:if="{{csUnread > 0}}">{{csUnread > 99 ? '99+' : csUnread}}</view>
          <image class="kefu-float-mini-icon-img" src="{{iconUrl}}" mode="aspectFit" binderror="onIconError"/>
        </view>
        <view class="kefu-permanent-row kefu-permanent-row--mini" catchtap="onSessionDismiss">
          <text class="kefu-permanent-label">隐藏</text>
        </view>
      </view>
    </block>
  </movable-view>
</movable-area>
