1
This commit is contained in:
99
pages/forum/forum.wxml
Normal file
99
pages/forum/forum.wxml
Normal file
@@ -0,0 +1,99 @@
|
||||
<!--pages/forum/forum.wxml-->
|
||||
<view class="container">
|
||||
<!-- 分类标签 -->
|
||||
<scroll-view class="category-scroll" scroll-x>
|
||||
<view class="category-list">
|
||||
<view
|
||||
class="category-item {{selectedCategory === item ? 'active' : ''}}"
|
||||
wx:for="{{categories}}"
|
||||
wx:key="index"
|
||||
data-category="{{item}}"
|
||||
bindtap="onCategoryChange"
|
||||
>
|
||||
{{item}}
|
||||
</view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
|
||||
<!-- 帖子列表 -->
|
||||
<view class="post-list">
|
||||
<view
|
||||
class="post-card"
|
||||
wx:for="{{posts}}"
|
||||
wx:key="id"
|
||||
bindtap="onPostDetail"
|
||||
data-id="{{item.id}}"
|
||||
>
|
||||
<!-- 帖子头部 -->
|
||||
<view class="post-header">
|
||||
<image class="avatar" src="{{item.avatar || '/images/avatar-default.png'}}" mode="aspectFill"></image>
|
||||
<view class="author-info">
|
||||
<view class="author-name">{{item.author}}</view>
|
||||
<view class="post-time">{{item.time}}</view>
|
||||
</view>
|
||||
<view class="category-tag">{{item.category}}</view>
|
||||
</view>
|
||||
|
||||
<!-- 帖子内容 -->
|
||||
<view class="post-content">
|
||||
<view class="post-title">{{item.title}}</view>
|
||||
<view class="post-text">{{item.content}}</view>
|
||||
|
||||
<!-- 图片 -->
|
||||
<view class="post-images" wx:if="{{item.images && item.images.length > 0}}">
|
||||
<image
|
||||
class="post-image"
|
||||
wx:for="{{item.images}}"
|
||||
wx:key="index"
|
||||
wx:for-item="img"
|
||||
src="{{img}}"
|
||||
mode="aspectFill"
|
||||
catchtap="onPreviewImage"
|
||||
data-url="{{img}}"
|
||||
data-urls="{{item.images}}"
|
||||
></image>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 帖子底部 -->
|
||||
<view class="post-footer">
|
||||
<view class="footer-left">
|
||||
<view class="stat-item">
|
||||
<text class="stat-icon">👀</text>
|
||||
<text class="stat-text">{{item.views}}</text>
|
||||
</view>
|
||||
<view
|
||||
class="stat-item like-item {{item.isLiked ? 'liked' : ''}}"
|
||||
catchtap="onLike"
|
||||
data-id="{{item.id}}"
|
||||
>
|
||||
<text class="stat-icon">{{item.isLiked ? '❤️' : '🤍'}}</text>
|
||||
<text class="stat-text">{{item.likes}}</text>
|
||||
</view>
|
||||
<view class="stat-item">
|
||||
<text class="stat-icon">💬</text>
|
||||
<text class="stat-text">{{item.comments}}</text>
|
||||
</view>
|
||||
</view>
|
||||
<view
|
||||
class="favorite-btn {{item.isFavorite ? 'favorited' : ''}}"
|
||||
catchtap="onFavorite"
|
||||
data-id="{{item.id}}"
|
||||
>
|
||||
<text class="favorite-icon">{{item.isFavorite ? '⭐' : '☆'}}</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 空状态 -->
|
||||
<view class="empty-state" wx:if="{{posts.length === 0}}">
|
||||
<text class="empty-icon">📝</text>
|
||||
<text class="empty-text">暂无帖子,快来发布第一条吧</text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 发布按钮 -->
|
||||
<view class="fab" bindtap="onNewPost">
|
||||
<text class="fab-icon">✏️</text>
|
||||
</view>
|
||||
</view>
|
||||
Reference in New Issue
Block a user