diff --git a/pets-fe/components/bottom-sheet/bottom-sheet.wxml b/pets-fe/components/bottom-sheet/bottom-sheet.wxml
index d380e18..0559235 100644
--- a/pets-fe/components/bottom-sheet/bottom-sheet.wxml
+++ b/pets-fe/components/bottom-sheet/bottom-sheet.wxml
@@ -61,7 +61,11 @@ module.exports.sel = function (map, key, index, def) {
- 还没有评论,来抢个沙发
+
+
+ 还没有评论
+ 来抢个沙发,说点什么吧~
+
@@ -75,18 +79,18 @@ module.exports.sel = function (map, key, index, def) {
-
-
+
-
+
- {{commentText.length}}/500
+
+ {{commentText.length}}/500
diff --git a/pets-fe/components/bottom-sheet/bottom-sheet.wxss b/pets-fe/components/bottom-sheet/bottom-sheet.wxss
index d9aa008..1943738 100644
--- a/pets-fe/components/bottom-sheet/bottom-sheet.wxss
+++ b/pets-fe/components/bottom-sheet/bottom-sheet.wxss
@@ -87,8 +87,20 @@
.sheet.sheet-cmp{display:flex;flex-direction:column;height:82vh;padding-bottom:0}
.cmp-head{
flex:none;text-align:center;padding:0 0 var(--sp-3);
- font-size:var(--fs-sm);color:var(--muted);border-bottom:1rpx solid var(--line);
+ font-size:var(--fs-md);font-weight:var(--fw-b);color:var(--text);border-bottom:1rpx solid var(--line);
}
+/* 空态:图标 + 两行字,居中在列表区,不再是一行字飘在大片留白里 */
+.cmp-empty{
+ display:flex;flex-direction:column;align-items:center;justify-content:center;
+ padding:120rpx 0;color:var(--muted);
+}
+.cmp-empty-ic{
+ width:140rpx;height:140rpx;border-radius:50%;margin-bottom:var(--sp-4);
+ display:flex;align-items:center;justify-content:center;
+ background:var(--primary-soft);color:var(--primary);
+}
+.cmp-empty-t{font-size:var(--fs-lg);font-weight:var(--fw-b);color:var(--text-2)}
+.cmp-empty-p{margin-top:var(--sp-1);font-size:var(--fs-sm);color:var(--muted2)}
.cmp-list{flex:1;min-height:0;padding:var(--sp-3) var(--sp-5) 0}
.cmp-dock{
flex:none;background:#fff;border-top:1rpx solid var(--line);
@@ -124,13 +136,22 @@
background:var(--primary-soft);color:var(--primary-ink);font-size:var(--fs-cap);
}
.cm-cancel{display:flex;align-items:center}
-.cm-ta{min-height:120rpx;height:auto;background:var(--surface-2)}
-.cm-bar{display:flex;align-items:center;gap:var(--sp-3);margin-top:var(--sp-2)}
-.cm-pic{display:flex;align-items:center;color:var(--muted)}
-.cm-count{margin-left:auto;color:var(--muted2);font-size:var(--fs-cap)}
+/* 相机 + 输入框 + 发送 合成一条圆角输入栏,像聊天输入条;
+ textarea 撑开时相机和发送贴着底部 */
+.cm-inputrow{
+ display:flex;align-items:flex-end;gap:var(--sp-2);
+ background:var(--surface-2);border:1rpx solid var(--line);
+ border-radius:32rpx;padding:10rpx var(--sp-2) 10rpx var(--sp-3);
+}
+.cm-pic{flex:none;display:flex;align-items:center;height:64rpx;color:var(--muted)}
+.cm-ta{
+ flex:1;min-width:0;min-height:64rpx;max-height:280rpx;height:auto;
+ padding:16rpx 0;background:transparent;font-size:var(--fs-md);line-height:1.4;
+}
.cm-send{
- flex:none;height:72rpx;padding:0 var(--sp-5);border-radius:var(--r-full);
+ flex:none;height:64rpx;padding:0 var(--sp-4);border-radius:var(--r-full);
display:flex;align-items:center;justify-content:center;
background:var(--line);color:#fff;font-size:var(--fs-sm);font-weight:var(--fw-b);transition:.16s ease;
}
.cm-send.on{background:var(--cta)}
+.cm-count{display:block;text-align:right;margin-top:6rpx;color:var(--muted2);font-size:var(--fs-cap)}