<overlay wx:if="{{s}}" class="data-v-f19a5438" u-s="{{['d']}}" bindonOverlayClick="{{r}}" u-i="f19a5438-0" bind:__l="__l" u-p="{{s}}"><view class="{{['data-v-f19a5438', 'read-receipt-panel', o && 'read-receipt-panel-mobile', p && 'read-receipt-panel-uni', q && 'read-receipt-panel-close-mobile']}}"><view class="header data-v-f19a5438"><view class="header-text data-v-f19a5438">{{a}}</view><view class="header-close-icon data-v-f19a5438"><icon wx:if="{{c}}" class="data-v-f19a5438" bindonClick="{{b}}" u-i="f19a5438-1,f19a5438-0" bind:__l="__l" u-p="{{c}}"/></view></view><view class="read-status-counter-container data-v-f19a5438"><view wx:for="{{d}}" wx:for-item="tabName" wx:key="c" class="{{['data-v-f19a5438', 'read-status-counter', tabName.d && 'active']}}" bindtap="{{tabName.e}}"><view class="status-text data-v-f19a5438">{{tabName.a}}</view><view class="status-count data-v-f19a5438">{{tabName.b}}</view></view></view><view class="read-status-member-list data-v-f19a5438"><view wx:if="{{e}}" class="empty-list-tip data-v-f19a5438"> - {{f}} - </view><block wx:elif="{{g}}"><block wx:if="{{h}}"><view wx:for="{{i}}" wx:for-item="item" wx:key="d" class="read-status-member-container data-v-f19a5438"><avatar wx:if="{{item.b}}" class="read-status-avatar data-v-f19a5438" u-i="{{item.a}}" bind:__l="__l" u-p="{{item.b}}"/><view class="username data-v-f19a5438">{{item.c}}</view></view></block><block wx:if="{{j}}"><view wx:for="{{k}}" wx:for-item="item" wx:key="d" class="read-status-member-container data-v-f19a5438"><avatar wx:if="{{item.b}}" class="read-status-avatar data-v-f19a5438" u-i="{{item.a}}" bind:__l="__l" u-p="{{item.b}}"/><view class="username data-v-f19a5438">{{item.c}}</view></view></block></block><view wx:if="{{l}}" class="fetch-more-container data-v-f19a5438"><fetch-more wx:if="{{n}}" class="data-v-f19a5438" bindonExposed="{{m}}" u-i="f19a5438-4,f19a5438-0" bind:__l="__l" u-p="{{n}}"/></view></view></view></overlay>