纸通宝小程序
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.
 

110 lines
6.1 KiB

<!--pages/moment/list/index.wxml-->
<wxs module="moment" src="../index.wxs"></wxs>
<cu-custom bgColor="bg-white" isBack="{{true}}">
<view slot="content">我的帖子</view>
</cu-custom>
<view class="bg-white" style="height:90rpx;">
<wux-tabi tab-data="{{tabList}}" tab-index="{{tabIndex}}" bind:change="onTabChange"></wux-tabi>
</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:elif="{{tabIndex == 1}}">
<view wx:for-item="pageItem" wx:for-index="pageIndex" wx:for="{{messageList}}" wx:key="pageIndex">
<view class="cu-card dynamic no-card" wx:for="{{pageItem}}" wx:key="index" data-page="{{pageIndex}}" data-index="{{index}}" bindtap="lookItem">
<!-- <wux-divider show-text="{{ false }}" wx:if="{{pageIndex != 0 || index != 0 }}"></wux-divider> -->
<view style="height:16rpx" wx:if="{{pageIndex != 0 || index != 0 }}"></view>
<view class="cu-item shadow">
<view class="cu-list menu-avatar">
<view class="cu-item" style="justify-content: flex-start;padding-left:32rpx">
<wux-image width="{{50}}" height="{{50}}" shape="circle" src="{{item.replierAvatarUrl}}" mode="aspectFill">
<image class="image-load" slot="loading" src="/assets/image/ygImg.png"></image>
<image class="image-load" slot="error" src="/assets/image/ygImg.png"></image>
<image class="image-load" slot="empty" src="/assets/image/ygImg.png"></image>
</wux-image>
<view class="content flex-sub">
<view class="text-cut" style="max-width:400rpx">{{item.replierNickname}}</view>
<view class="text-gray text-sm flex justify-between">{{moment.formatMTime(item.createTime)}}评论了帖子</view>
</view>
</view>
</view>
<fold-text content="{{item.content}}"></fold-text>
<!-- <sudoku-image image-list="{{item.imgUrlList}}"></sudoku-image> -->
<view style="padding:0rpx 32rpx;margin-top:12rpx">
<view style="background:rgba(51,51,51,0.05);border-radius:12rpx;padding-bottom:30rpx">
<view class="text-black text-bold text-lg" style="padding:20rpx 30rpx">{{item.articleDetailDto.title}}</view>
<fold-text content="{{item.articleDetailDto.content}}"></fold-text>
<!-- <view class="text-gray text-df" style="padding:0rpx 20rpx 20rpx 20rpx">{{item.postDetail.content}}</view> -->
<view style="padding:0rpx 30rpx">
<sudoku-image image-list="{{item.articleDetailDto.imgUrlList}}"></sudoku-image>
</view>
</view>
</view>
<view class="flex flex-justify text-gray text-sm" style="padding:24rpx 32rpx;">
<wux-tag wx:if="{{item.articleDetailDto.millPaperId}}" bind:click="toMill">
<text style="background-color:#ddd;border-radius: 32rpx;text-align: center;width:32rpx;height:32rpx;line-height:32rpx">#</text>
<text class="text-df" style="margin-left:16rpx">{{item.articleDetailDto.millPaperName}}</text>
<text class="cuIcon-right text-balck" style="font-size:24rpx;margin-left:32rpx;padding-top:2rpx"></text>
</wux-tag>
</view>
</view>
</view>
</view>
</view>
<view wx:else>
<view wx:for-item="pageItem" wx:for-index="pageIndex" wx:for="{{messageList}}" wx:key="pageIndex">
<view class="cu-card dynamic no-card" wx:for="{{pageItem}}" wx:key="index" data-page="{{pageIndex}}" data-index="{{index}}" bindtap="lookItem">
<!-- <wux-divider show-text="{{ false }}" wx:if="{{pageIndex != 0 || index != 0 }}"></wux-divider> -->
<view style="height:16rpx" wx:if="{{pageIndex != 0 || index != 0 }}"></view>
<view class="cu-item shadow">
<view class="cu-list menu-avatar">
<view class="cu-item" style="justify-content: flex-start;padding-left:30rpx">
<wux-image width="{{50}}" height="{{50}}" shape="circle" src="{{item.creatorAvatarUrl}}" mode="aspectFill">
<image class="image-load" slot="loading" src="/assets/image/ygImg.png"></image>
<image class="image-load" slot="error" src="/assets/image/ygImg.png"></image>
<image class="image-load" slot="empty" src="/assets/image/ygImg.png"></image>
</wux-image>
<view class="content flex-sub">
<view class="text-cut" style="max-width:400rpx">{{item.creatorName}}</view>
<view class="text-gray text-sm flex justify-between">{{moment.formatMTime(item.createTime)}}</view>
</view>
</view>
</view>
<view class="text-black text-bold text-lg" style="padding:10rpx 30rpx 30rpx 30rpx">{{item.title}}</view>
<fold-text content="{{item.content}}"></fold-text>
<view style="padding:0rpx 30rpx">
<sudoku-image image-list="{{item.imageUrlList}}"></sudoku-image>
</view>
<view class="flex flex-justify text-gray text-sm" style="padding:24rpx 32rpx;">
<view class="flex flex-justify text-gray text-sm">
<wux-tag wx:if="{{item.millPaperId}}" bind:click="toMill">
<text style="background-color:#ddd;border-radius: 32rpx;text-align: center;width:32rpx;height:32rpx;line-height:32rpx">#</text>
<text class="text-df" style="margin-left:16rpx">{{item.millPaperName}}</text>
<text class="cuIcon-right text-balck" style="font-size:24rpx;margin-left:32rpx;padding-top:2rpx"></text>
</wux-tag>
</view>
<text class="cuIcon-more" style="font-size:24px" data-page="{{pageIndex}}" data-index="{{index}}" catchtap="showMenu" wx:if="{{tabIndex == 0}}"></text>
</view>
</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>
</refresh-view>
<wux-dialog id="wux-dialog" />