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.
85 lines
4.1 KiB
85 lines
4.1 KiB
<!--pages/moment/host-detail/index.wxml-->
|
|
<wxs module="moment" src="../../moment/index.wxs"></wxs>
|
|
<cu-custom bgColor="bg-white" isBack="{{true}}">
|
|
<view slot="content">纸吧详情</view>
|
|
</cu-custom>
|
|
|
|
<refresh-view bind:refresh="onRefreshList" height="{{height}}" triggered="{{requesting}}" scrollTop="{{top}}" bind:scrolltolower="fetchMomentList">
|
|
<view class="bg-white flex flex-justify" style="padding:30rpx" wx:if="{{hostDetail}}">
|
|
<view class="flex">
|
|
<wux-image width="{{60}}" height="{{60}}" wux-class="image" shape="rounded" src="{{hostDetail.logoUrl}}" />
|
|
<view class="flex flex-column flex-center" style="margin-left:24rpx;align-items:flex-start">
|
|
<view class="flex flex-center">
|
|
<text style="white-space: nowrap">{{hostDetail.name}}</text>
|
|
</view>
|
|
<view class="flex" style="font-size:12px;margin-top:12rpx">
|
|
<view class="flex flex-center flex-column">
|
|
<view class="text-blue text-lg">{{hostDetail.memberQuantity}}</view>
|
|
<view class="text-gray" style="font-size:12px">成员</view>
|
|
</view>
|
|
<view class="flex flex-center flex-column" style="margin-left:60rpx">
|
|
<view class="text-blue text-lg">{{hostDetail.postQuantity}}</view>
|
|
<view class="text-gray" style="font-size:12px">帖子</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<wux-button type="{{hostDetail.join ? 'stable' : 'positive'}}" size="join" bind:click="toHostinfo">{{hostDetail.join? '已加入' :'加入'}}</wux-button>
|
|
</view>
|
|
<view class="bg-white text-gray" wx:if="{{hostDetail}}">
|
|
<fold-text content="{{'简介：' + (hostDetail.description || '暂无简介')}}"></fold-text>
|
|
</view>
|
|
<view style="height:18rpx"></view>
|
|
<view wx:for-item="pageItem" wx:for-index="pageIndex" wx:for="{{momentList}}" wx:key="pageIndex">
|
|
<view wx:for="{{pageItem}}" wx:key="index" class="cu-card dynamic no-card" 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 style="flex:1;padding-left:16rpx">
|
|
<view class="text-cut" style="max-width:400rpx">{{item.ownerNickname}}</view>
|
|
<view class="text-gray text-sm" style="margin-top:10rpx">{{moment.formatMTime(item.createTime)}}</view>
|
|
</view>
|
|
<wux-tag color="volcano" wx:if="{{item.isNew}}">新帖</wux-tag>
|
|
</view>
|
|
</view>
|
|
<view class="text-black text-bold text-lg" style="padding: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 padding text-gray">
|
|
<view>
|
|
<wux-tag wx:for="{{item.labelList}}" wx:for-item="label" wx:key="index" color="blue">{{label}}</wux-tag>
|
|
</view>
|
|
<view class="text-df">
|
|
<text class="cuIcon-appreciate{{item.isLiked ? 'fill' : ''}} text-{{item.isLiked ? 'blue' : 'gray'}}"></text>
|
|
<text style="margin-left:8rpx">{{item.likeQuantity}}</text>
|
|
<text class="cuIcon-messagefill" style="margin-left:48rpx"></text>
|
|
<text style="margin-left:8rpx">{{item.replyQuantity}}</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<!--加载更多的UI-->
|
|
<view class="bg-white" wx:if="{{form.pageNum > 1}}" style="padding:30rpx">
|
|
<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>
|
|
|
|
<view class="booking-tool" style="bottom:{{ 180 + safeBottom}}rpx" wx:if="{{hostDetail}}" bindtap="addMoment">
|
|
<view class="roder-add flex flex-center">
|
|
<text class="cuIcon-add text-white" style="font-size:32px"></text>
|
|
</view>
|
|
</view>
|
|
|
|
<wux-dialog id="wux-dialog" />
|