chenwu
3d21a9d297
- 新增 addComment/getComments/getFollowList/followUser/getUser/updateProfile/updatePet/deletePet 云函数并完成部署 - 统一通过 app.globalData.navBarInfo 避让系统胶囊按钮（编辑资料/编辑宠物等页面保存按钮被遮挡问题） - 编辑资料页所在城市改为省份 picker 选择 - 修复"我的"页动态为空（getUserPosts 应传 openid 而非数据库 _id） - 重构编辑宠物页：品种改用 picker 滚轮（替代有数量上限的 actionSheet），标签改用 selectedTagSet 映射 + 自定义标签输入（5字以内、仅中英文/数字、最多8个） - 接通宠物保存/删除真实云函数调用并同步本地缓存 - 移除 feed 页对不存在的 getStories 云函数调用，修复模拟器卡死 - 移除 post 页对不存在的 wx.reverseGeocoder API 的调用 - 统一扩展 AppGlobalData 类型并修正所有 getApp 调用的泛型，解决 TS 报错
107 lines
3.6 KiB
Plaintext
107 lines
3.6 KiB
Plaintext
<view class="page">
|
||
<view class="safe-top" style="height: {{statusBarHeight}}px"></view>
|
||
|
||
<view class="nav">
|
||
<view class="nav-back" bindtap="onBack">‹</view>
|
||
<view class="nav-title">动态详情</view>
|
||
<view class="nav-more" bindtap="onMore">⋯</view>
|
||
</view>
|
||
|
||
<scroll-view scroll-y="true" class="scroll" enhanced="true" show-scrollbar="false">
|
||
<!-- 帖子主体 -->
|
||
<view wx:if="{{post}}" class="post-wrap">
|
||
<!-- 作者 -->
|
||
<view class="post-header" bindtap="onAuthorTap">
|
||
<view class="avatar" style="background: {{avatarGradient}}">
|
||
<text>{{post.author && post.author.nickName ? post.author.nickName[0] : '?'}}</text>
|
||
</view>
|
||
<view class="meta">
|
||
<text class="uname">{{post.author && post.author.nickName ? post.author.nickName : '匿名用户'}}</text>
|
||
<text class="utime">{{timeText}}</text>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 文字 -->
|
||
<text class="content">{{post.content}}</text>
|
||
|
||
<!-- 图片 -->
|
||
<view wx:if="{{post.images && post.images.length > 0}}" class="images">
|
||
<image
|
||
wx:for="{{post.images}}"
|
||
wx:key="index"
|
||
class="img {{post.images && post.images.length === 1 ? 'img-full' : 'img-grid'}}"
|
||
src="{{item}}"
|
||
mode="aspectFill"
|
||
lazy-load="true"
|
||
bindtap="onImgTap"
|
||
data-idx="{{index}}"
|
||
/>
|
||
</view>
|
||
|
||
<!-- 标签行 -->
|
||
<view class="tags-row">
|
||
<text wx:for="{{post.hashtags}}" wx:key="index" class="hashtag">{{item}}</text>
|
||
<view wx:if="{{post.location}}" class="loc-tag">📍{{post.location.name}}</view>
|
||
<view wx:if="{{post.mood}}" class="mood-tag">{{post.mood}}</view>
|
||
</view>
|
||
|
||
<!-- 操作 -->
|
||
<view class="actions">
|
||
<view class="action-btn {{post.isLiked ? 'liked' : ''}}" bindtap="onLike">
|
||
<text>{{post.isLiked ? '❤️' : '🤍'}}</text>
|
||
<text class="act-count">{{likeCount}}</text>
|
||
</view>
|
||
<view class="action-btn" bindtap="focusComment">
|
||
<text>💬</text>
|
||
<text class="act-count">{{comments.length}}</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 评论区 -->
|
||
<view class="divider"></view>
|
||
<view class="comments-section">
|
||
<text class="comments-title">评论 {{comments.length}}</text>
|
||
|
||
<view wx:if="{{comments.length === 0}}" class="no-comment">
|
||
<text>还没有评论，来说第一句话吧 🐾</text>
|
||
</view>
|
||
|
||
<view
|
||
wx:for="{{comments}}"
|
||
wx:key="_id"
|
||
class="comment-item"
|
||
>
|
||
<view class="c-avatar" style="background: {{item.gradient}}">
|
||
<text>{{item.author && item.author.nickName ? item.author.nickName[0] : '?'}}</text>
|
||
</view>
|
||
<view class="c-body">
|
||
<text class="c-name">{{item.author && item.author.nickName ? item.author.nickName : '匿名用户'}}</text>
|
||
<text class="c-text">{{item.content}}</text>
|
||
<text class="c-time">{{item.timeText}}</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<view style="height: 160rpx;"></view>
|
||
</scroll-view>
|
||
|
||
<!-- 评论输入框 -->
|
||
<view class="input-bar">
|
||
<input
|
||
class="comment-input"
|
||
id="commentInput"
|
||
value="{{commentText}}"
|
||
focus="{{focusInput}}"
|
||
bindinput="onCommentInput"
|
||
bindblur="onCommentBlur"
|
||
placeholder="写下你的想法..."
|
||
confirm-type="send"
|
||
bindconfirm="onSend"
|
||
adjust-position="true"
|
||
cursor-spacing="20"
|
||
/>
|
||
<view class="send-btn {{commentText ? '' : 'send-off'}}" bindtap="onSend">发送</view>
|
||
</view>
|
||
</view>
|