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.
79 lines
3.1 KiB
79 lines
3.1 KiB
<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}}">{{formateDate(item.createTime)}}</wux-badge>
|
|
</view>
|
|
</view>
|
|
<view class="text-df" style="margin-top:18rpx">{{item.content}}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<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>
|
|
|
|
<wxs module="formateDate">
|
|
function isEmpty(val) {
|
|
return typeof val === 'undefined' || val === '' || val === null
|
|
}
|
|
|
|
function formateDate(datetime) {
|
|
if (isEmpty(datetime)) {
|
|
return ''
|
|
}
|
|
var dayCode = 24 * 60 * 60 * 1000
|
|
datetime = datetime.replace(getRegExp('/\s/g', 'g'), '')
|
|
var date = getDate(datetime.trim())
|
|
var today = getDate()
|
|
var yestoday = getDate(getDate().getTime() - dayCode)
|
|
var week = ''
|
|
if (date.getFullYear() === today.getFullYear() && date.getMonth() === today.getMonth() && date.getDate() === today.getDate()) {
|
|
week = '今天 ' + datetime.substring(10)
|
|
} else if (date.getFullYear() === yestoday.getFullYear() && date.getMonth() === yestoday.getMonth() && date.getDate() === yestoday.getDate()) {
|
|
week = '昨天 ' + datetime.substring(10)
|
|
}
|
|
if (isEmpty(week)) {
|
|
return datetime
|
|
}
|
|
return week
|
|
}
|
|
module.exports = formateDate
|
|
</wxs>
|