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.
101 lines
5.1 KiB
101 lines
5.1 KiB
<!--pages/moment/list/index.wxml-->
|
|
<wxs module="moment" src="../../moment/index.wxs"></wxs>
|
|
<cu-custom bgColor="bg-white" isBack="{{true}}">
|
|
<view slot="content">我的帖子</view>
|
|
</cu-custom>
|
|
|
|
<view class="nav bg-white fixed" style="top:{{CustomBar}}px;padding-right:24rpx">
|
|
<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="-12" right="-12">
|
|
<view class="tab__badge">{{item.name}}</view>
|
|
</wux-badge>
|
|
</wux-tab>
|
|
</wux-tabs>
|
|
</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: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 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.replierAvatarUrl}}" mode="aspectFill">
|
|
<image class="image-load" slot="loading" src="/assets/image/def_image.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 30rpx">
|
|
<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.postDetail.title}}</view>
|
|
<fold-text content="{{item.postDetail.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.postDetail.imgUrlList}}"></sudoku-image>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="flex flex-justify text-gray text-sm" style="padding:30rpx 30rpx 16rpx 30rpx;">
|
|
<wux-tag color="blue">#{{item.postDetail.paperBarName}}</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 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.ownerAvatarUrl}}" mode="aspectFill">
|
|
<image class="image-load" slot="loading" src="/assets/image/def_image.png"></image>
|
|
</wux-image>
|
|
<view class="content flex-sub">
|
|
<view class="text-cut" style="max-width:400rpx">{{item.ownerNickname}}</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.imgUrlList}}"></sudoku-image>
|
|
</view>
|
|
<view class="flex flex-justify text-gray text-sm" style="padding:30rpx 30rpx 16rpx 30rpx;">
|
|
<wux-tag color="blue">#{{item.paperBarName}}</wux-tag>
|
|
<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" />
|