54 lines
1.7 KiB
Plaintext
54 lines
1.7 KiB
Plaintext
<view class="page page-flex">
|
|
<navigation-bar title="通知" />
|
|
|
|
<scroll-view
|
|
scroll-y
|
|
class="scroll-body"
|
|
bindscrolltolower="onReachBottom"
|
|
>
|
|
<!-- 筛选 -->
|
|
<scroll-view scroll-x class="filter-scroll" show-scrollbar="{{false}}">
|
|
<view class="filter-row">
|
|
<view
|
|
wx:for="{{filters}}"
|
|
wx:key="name"
|
|
class="filter-item {{activeFilter === index ? 'active' : ''}}"
|
|
data-index="{{index}}"
|
|
bindtap="onFilterTap"
|
|
>{{item.name}}</view>
|
|
</view>
|
|
</scroll-view>
|
|
|
|
<!-- 空态 -->
|
|
<empty-state
|
|
wx:if="{{!loading && !list.length}}"
|
|
icon="icon-bell"
|
|
title="还没有消息"
|
|
desc="穿搭被点赞、订单动态都会出现在这里"
|
|
/>
|
|
|
|
<!-- 列表 -->
|
|
<view class="list">
|
|
<view
|
|
class="n-card card {{item.is_read === 1 ? 'unread' : ''}}"
|
|
wx:for="{{list}}"
|
|
wx:key="notification_uuid"
|
|
data-uuid="{{item.notification_uuid}}"
|
|
bindtap="onItemTap"
|
|
>
|
|
<view class="n-icon {{item.msg_type === 1 ? 'like' : item.msg_type === 2 ? 'order' : 'sys'}}">
|
|
<view class="icon {{item.msg_type === 1 ? 'icon-heart' : item.msg_type === 2 ? 'icon-doc' : 'icon-bell'}}"></view>
|
|
</view>
|
|
<view class="n-body">
|
|
<view class="n-title-row">
|
|
<view wx:if="{{item.is_read === 1}}" class="n-dot"></view>
|
|
<text class="n-title {{item.is_read === 2 ? 'read' : ''}}">{{item.title}}</text>
|
|
</view>
|
|
<view class="n-content">{{item.content}}</view>
|
|
<view class="n-time">{{item._time}}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</scroll-view>
|
|
</view>
|