zeronline
30 lines
1.5 KiB
Plaintext
30 lines
1.5 KiB
Plaintext
<button class="create-post-btn" bindtap="openCreate">+ 分享动态</button>
|
|
|
|
<view wx:for="{{posts}}" wx:key="id" class="post-card" wx:for-item="p">
|
|
<view class="post-header">
|
|
<view class="post-avatar">{{p.user?.nickname?.[0] || '?'}}</view>
|
|
<view><text class="post-user">{{p.user?.nickname || '用户'}}</text><text class="post-time">{{p.createdAt?.slice(0,10)}}</text></view>
|
|
</view>
|
|
<text class="post-content" wx:if="{{p.content}}">{{p.content}}</text>
|
|
<view class="post-actions">
|
|
<text class="action-btn" data-id="{{p.id}}" bindtap="onLike">{{p.likes > 0 ? '❤️' : '🤍'}} {{p.likes}}</text>
|
|
<text class="action-btn">💬 {{p.comments}}</text>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="load-more" wx:if="{{posts.length>0}}" bindtap="loadMore">加载更多</view>
|
|
<view class="empty" wx:if="{{!loading && posts.length===0}}"><text>🌊</text><text class="empty-text">还没有动态</text></view>
|
|
<view wx:if="{{loading}}" class="loading">加载中...</view>
|
|
|
|
<!-- 发布弹层 -->
|
|
<view class="modal-mask" wx:if="{{showCreate}}" bindtap="closeCreate">
|
|
<view class="modal-content" catchtap="">
|
|
<text class="modal-title">发布动态</text>
|
|
<textarea class="modal-textarea" value="{{content}}" bindinput="onContentInput" placeholder="分享你的打卡故事..." maxlength="500" />
|
|
<view class="modal-actions">
|
|
<button class="cancel-btn" bindtap="closeCreate">取消</button>
|
|
<button class="submit-btn" disabled="{{!content.trim()}}" bindtap="submitPost">发布</button>
|
|
</view>
|
|
</view>
|
|
</view>
|