<view class="content"><view class="header-row"><view class="back-button" bindtap="{{b}}"><image src="{{a}}" class="back-icon"></image></view><text class="title">{{c}}</text><view class="mark-read-btn" bindtap="{{e}}"><text class="mark-read-text">{{d}}</text></view></view><view class="tab-container"><view class="{{['tab-item', j && 'active']}}" bindtap="{{k}}"><text class="{{['tab-text', g && 'active']}}">{{f}}</text><view wx:if="{{h}}" class="badge">{{i}}</view></view><view class="{{['tab-item', p && 'active']}}" bindtap="{{q}}"><text class="{{['tab-text', m && 'active']}}">{{l}}</text><view wx:if="{{n}}" class="badge">{{o}}</view></view><view class="{{['tab-item', w && 'active']}}" bindtap="{{x}}"><text class="{{['tab-text', s && 'active']}}">{{r}}</text><view wx:if="{{t}}" class="badge">{{v}}</view></view><view class="{{['tab-item', C && 'active']}}" bindtap="{{D}}"><text class="{{['tab-text', z && 'active']}}">{{y}}</text><view wx:if="{{A}}" class="badge">{{B}}</view></view></view><scroll-view class="notification-list" scroll-y bindscrolltolower="{{M}}" show-scrollbar="{{false}}"><view wx:for="{{E}}" wx:for-item="item" wx:key="f" class="{{['notification-item', item.e && 'unread']}}" bindtap="{{item.g}}"><view class="item-header"><text class="item-title">{{item.a}}</text><view wx:if="{{item.b}}" class="unread-dot"></view></view><text class="item-content">{{item.c}}</text><text class="item-time">{{item.d}}</text></view><view wx:if="{{F}}" class="loading-more"><text class="loading-text">{{G}}</text></view><view wx:if="{{H}}" class="loading-more"><text class="loading-text">{{I}}</text></view><view wx:if="{{J}}" class="empty-state"><image src="{{K}}" class="empty-icon" mode="aspectFit"></image><text class="no-data">{{L}}</text></view></scroll-view></view>