mzxiaochengxu/pages/card/card.wxml

	<view id='tabs'>
		<view class='tabs-box'>
			<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}}'></view>
		<view class='ordert-detail'>
			<view hidden='{{currentTabIndex != 0}}'>
				<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">未读</view>
						<view style="display: flex;">
							<image src="/images/dui.png" style="width: 40rpx; height: 40rpx; margin-right: 10rpx;"></image>
							<view>我知道了</view>
						</view>
					</view>
				</view>
			</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:#dcdcdc">已读</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>
			</view>
		</view>
	</view>