<view 
    class="global-notification {{show ? 'show' : ''}} {{positionClass}} {{swipingClass}}"
    bindtap="onTap"
    bindtouchstart="onTouchStart"
    bindtouchmove="onTouchMove"
    bindtouchend="onTouchEnd"
    style="{{swipeStyle}}"
    data-notification-id="{{notificationData && notificationData.id ? notificationData.id : ''}}">
    
    <!-- 滑动关闭指示器 -->
    <view class="notification-swipe-indicator {{isSwiping ? 'active' : ''}}">
        <view class="swipe-line"></view>
    </view>
    
    <!-- 通知内容 -->
    <view class="notification-content">
        <!-- 左侧头像 -->
        <image class="notification-avatar" src="{{avatar}}" mode="aspectFill" binderror="onAvatarError"></image>
        
        <!-- 中间内容区域 -->
        <view class="notification-body">
            <view class="notification-tag">新消息</view>
            <view class="notification-title">{{title}}</view>
            <view class="notification-message">{{message}}</view>
            <view class="notification-time" wx:if="{{show && showTime && formattedTime}}">
                {{formattedTime}}
            </view>
        </view>
        
        <!-- 右侧操作区域 -->
        <view class="notification-actions">
            <!-- 关闭按钮 -->
            <view class="notification-close" catchtap="onClose">
                <text class="close-icon">×</text>
            </view>
            
            <!-- 免打扰按钮 -->
            <view class="notification-mute {{isMuted ? 'muted' : ''}}" catchtap="onMute" wx:if="{{showMuteButton}}">
                <text class="mute-icon">
                    {{isMuted ? '🔕' : '🔔'}}
                </text>
            </view>
        </view>
    </view>
    
    <!-- 进度条 -->
    <view class="notification-progress" wx:if="{{showProgress}}">
        <view class="progress-bar {{progress < 30 ? 'warning' : ''}}"></view>
    </view>
</view>