sundynix/sundynix-pets
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(fe): 评论弹窗重做——空态加图标、输入区合成圆角输入栏

Browse Source 
- 空态从一行飘字改成 图标+两行文案 居中
- 相机/输入框/发送合成一条聊天式圆角输入栏，字数只在输入时显示
- 头部标题加粗

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
Blizzard
2026-07-30 18:05:25 +08:00
parent 396f531023
commit 4f52a7d3a1
2 changed files with 40 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pets-fe/components/bottom-sheet/bottom-sheet.wxml
+13 -9
View File
@@ -61,7 +61,11 @@ module.exports.sel = function (map, key, index, def) {
</view>
</view>
<view wx:if="{{!comments.length}}" class="empty lg">还没有评论，来抢个沙发</view>
<view wx:if="{{!comments.length}}" class="cmp-empty">
<view class="cmp-empty-ic"><pt-icon name="comment" size="{{72}}"></pt-icon></view>
<view class="cmp-empty-t">还没有评论</view>
<view class="cmp-empty-p">来抢个沙发，说点什么吧～</view>
</view>
</scroll-view>
<view class="cmp-dock" style="padding-bottom:{{kbHeight ? kbHeight + 'px' : 'calc(20rpx + env(safe-area-inset-bottom))'}}">
@@ -75,18 +79,18 @@ module.exports.sel = function (map, key, index, def) {
<view class="img-del" catchtap="onRemoveCommentImage" data-index="{{index}}"><pt-icon name="close" size="{{24}}"></pt-icon></view>
</view>
</view>
<textarea class="textarea cm-ta" placeholder="{{replyTo.name ? '回复 @' + replyTo.name : '有话要说，快来评论'}}"
placeholder-class="placeholder" value="{{commentText}}" bindinput="onCommentInput"
focus="{{cmFocus}}" bindfocus="onCommentFocus" bindblur="onCommentBlur"
maxlength="500" auto-height="{{true}}" show-confirm-bar="{{false}}"
adjust-position="{{false}}" cursor-spacing="12"></textarea>
<view class="cm-bar">
<view class="cm-inputrow">
<view class="cm-pic" catchtap="onPickCommentImages">
<pt-icon name="photo" size="{{36}}"></pt-icon>
<pt-icon name="photo" size="{{40}}"></pt-icon>
</view>
<text class="cm-count">{{commentText.length}}/500</text>
<textarea class="cm-ta" placeholder="{{replyTo.name ? '回复 @' + replyTo.name : '有话要说，快来评论'}}"
placeholder-class="placeholder" value="{{commentText}}" bindinput="onCommentInput"
focus="{{cmFocus}}" bindfocus="onCommentFocus" bindblur="onCommentBlur"
maxlength="500" auto-height="{{true}}" show-confirm-bar="{{false}}"
adjust-position="{{false}}" cursor-spacing="12"></textarea>
<view class="cm-send {{commentText ? 'on' : ''}}" catchtap="onSendComment">发送</view>
</view>
<text wx:if="{{commentText.length}}" class="cm-count">{{commentText.length}}/500</text>
</view>
</block>