appointment_system/miniprogram/dist/dev/mp-weixin/pages/me/notification-page.wxml

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