You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
54 lines
2.4 KiB
54 lines
2.4 KiB
<!--pages/message/index/index.wxml-->
|
|
<wxs module="message" src="../../message/index.wxs"></wxs>
|
|
<cu-custom bgColor="bg-white" isBack="{{true}}">
|
|
<view slot="content" style="color:black;font-size:18px">消息</view>
|
|
</cu-custom>
|
|
|
|
<view class="nav bg-white fixed flex flex-justify" style="top:{{CustomBar}}px;padding-right:24rpx">
|
|
<view style="width:320rpx">
|
|
<wux-tabs controlled current="{{tabIndex}}" theme="positive" bindchange="onTabChange">
|
|
<wux-tab wx:for="{{tabList}}" wx:key="index" key="{{item.id}}">
|
|
<wux-badge count="{{item.badge}}" top="2">
|
|
<view class="tab__badge">{{item.name}}</view>
|
|
</wux-badge>
|
|
</wux-tab>
|
|
</wux-tabs>
|
|
</view>
|
|
<wux-button outline type="positive" size="small" bind:click="readAllMessage">全部标识已读</wux-button>
|
|
</view>
|
|
<view style="height:90rpx;width:100%"></view>
|
|
|
|
<refresh-view bind:refresh="onRefreshList" height="{{height}}" triggered="{{requesting}}" scrollTop="{{top}}" bind:scrolltolower="fetchMessageList">
|
|
<view wx:if="{{!messageList.length}}">
|
|
<view class="list-empty" style="height:{{height}}rpx">
|
|
<view class="load-spinner text-gray" style="margin-bottom:24px" wx:if="{{loading}}" />
|
|
<image class="img-empty" src="/assets/image/list_empty.png" wx:else></image>
|
|
<view class="text-empty">{{loading? '正在加载' : '暂无数据'}}</view>
|
|
</view>
|
|
</view>
|
|
<view wx:else>
|
|
<view wx:for-item="pageItem" wx:for-index="pageIndex" wx:for="{{messageList}}" wx:key="pageIndex">
|
|
<view wx:for="{{pageItem}}" wx:key="index">
|
|
<wux-divider show-text="{{ false }}" wx:if="{{pageIndex != 0 || index != 0 }}"></wux-divider>
|
|
<view class="item-content" data-page="{{pageIndex}}" data-index="{{index}}" bindtap="lookItem">
|
|
<view class="flex flex-justify">
|
|
<view class="text-sg text-bold">[{{item.categoryName}}]</view>
|
|
<view class="text-sm text-gray">
|
|
<wux-badge dot="{{item.status === 0}}">{{message.formateDate(item.createTime)}}</wux-badge>
|
|
</view>
|
|
</view>
|
|
<view class="text-df" style="margin-top:18rpx">{{item.content}}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<!--加载更多的UI-->
|
|
<view wx:if="{{form.pageNum>1}}" style="padding:20rpx">
|
|
<wux-divider>
|
|
<view class="loadmore">
|
|
<text class="icon--refresher" wx:if="{{!finished}}"></text>
|
|
<text class="text-sm" style="margin-left:8rpx">{{finished?'到底啦～':'加载中...'}}</text>
|
|
</view>
|
|
</wux-divider>
|
|
</view>
|
|
</view>
|
|
</refresh-view>
|