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.
77 lines
3.1 KiB
77 lines
3.1 KiB
<!--pages/message/index/index.wxml-->
|
|
<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:160px">
|
|
<van-tabs active="{{ tabIndex }}" color="#008AFF" bind:change="onTabChange" line-height="2px">
|
|
<van-tab wx:for="{{tabList}}" wx:key="index" title="{{item.name}}" info="{{item.badge || ''}}"
|
|
title-style="color:{{tabIndex==index?'#008AFF':'#333333'}}"></van-tab>
|
|
</van-tabs>
|
|
</view>
|
|
<van-button type="info" plain size="small" bind:click="readMessage">全部标识已读</van-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 style="margin-bottom:24px" wx:if="{{loading}}">
|
|
<van-loading type="spinner" size="32" />
|
|
</view>
|
|
<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">
|
|
<van-cell clickable wx:for="{{pageItem}}" wx:key="index" data-page="{{pageIndex}}" data-index="{{index}}" bindtap="lookItem">
|
|
<view slot="title" style="position: relative">
|
|
<view class="flex flex-justify">
|
|
<view class="text-sg text-bold">[{{item.categoryName}}]</view>
|
|
<view class="text-sm text-gray">{{util.formateDate(item.createTime)}}</view>
|
|
</view>
|
|
<view class="text-df" style="margin-top:18rpx">{{item.content}}</view>
|
|
<van-info dot custom-class="van-icon__info" wx:if="{{item.status == 0}}" />
|
|
</view>
|
|
</van-cell>
|
|
</view>
|
|
<!--加载更多的UI-->
|
|
<van-divider content-position="center" wx:if="{{ form.pageNum > 1}}">
|
|
<van-loading type="spinner" size="16" wx:if="{{!finished}}" />
|
|
<text class="text-sm" style="margin-left:8rpx">{{finished?'到底啦～':'加载中...'}}</text>
|
|
</van-divider>
|
|
</view>
|
|
</refresh-view>
|
|
|
|
<wxs module="util">
|
|
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: formateDate
|
|
}
|
|
</wxs>
|