<wxs module="time" src="../../utils/time.wxs"></wxs>
<view id='tabs'>
	<view class='tabs-box' style="background-color:#fff;border-radius:40rpx;font-size:30rpx">
		<block wx:for="{{['未读消息','已读消息']}}" wx:key="index">
			<view class="tabs-item {{currentTabIndex == index ? 'selected' : '' }}" bindtap='onTabsItemTap' data-index='{{index}}'>
				{{item}}
			</view>
		</block>
	</view>
	<view class="yuan" wx:if='{{currentTabIndex != 1 && noreadList.length > 0 }}'></view>
	<view class='ordert-detail'>
		<view hidden='{{currentTabIndex != 0}}'>
			<view class="onread" wx:for='{{noreadList}}'>  
				<view>
					【{{item.title}}】
				</view>
				<view class="title">
					{{time.formatDate(item.createTime)}}
				</view>
				<view class="title"> {{item.content}} </view>
				<view class="flex-box"> 
					<view class="readwenzi">未读</view>
					<view style="display: flex;">
						<image src="/images/dui.png" style="width: 40rpx; height: 40rpx; margin-right: 10rpx;"></image>
						<view bindtap="know" data-infos='{{item}}' style="color:#666666">我知道了</view>
					</view>
				</view>
			</view>
			<image src="../../images/nodata1.png" class='nodata' wx:if="{{noreadList.length==0}}"></image>
		</view>
		<view hidden='{{currentTabIndex != 1}}'>
			<view class="onread" wx:for='{{readList}}'>
				<view>
					【{{item.title}}】
				</view>
				<view class="title">
					{{item.time}}
				</view>
				<view class="title">{{item.content}}</view>
				<view class="flex-box">
					<view class="readwenzi" style="background:#999999">已读</view>
					<!-- <view style="display: flex;  align-items: center;">
							<image src="/images/shan.png" style="width: 50rpx; height: 50rpx; margin-right: 10rpx;"></image>
							<view>删除</view>
						</view> -->
				</view>
			</view>
			<image src="../../images/nodata1.png" class='nodata' wx:if="{{readList.length==0}}"></image>
		</view>
	</view>
</view>