From d1f4755dc6e3a17029bd8de2c612448e05611abe Mon Sep 17 00:00:00 2001 From: Blizzard Date: Mon, 3 Aug 2026 16:43:24 +0800 Subject: [PATCH] =?UTF-8?q?fix(fe):=20=E8=AF=84=E8=AE=BA=E8=BE=93=E5=85=A5?= =?UTF-8?q?=E6=A1=86=E8=B5=B7=E5=A7=8B=E5=B0=B1=E6=98=AF=E5=8D=95=E8=A1=8C?= =?UTF-8?q?=E9=AB=98=E5=BA=A6=EF=BC=8C=E6=B6=88=E9=99=A4=E3=80=8C=E5=85=88?= =?UTF-8?q?=E9=AB=98=E4=B8=80=E4=B8=8B=E5=86=8D=E7=BC=A9=E3=80=8D=E7=9A=84?= =?UTF-8?q?=E6=8A=96=E5=8A=A8?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 原来 .cm-ta 是 height:auto,首帧按 textarea 默认约两行渲染成高的,auto-height 再测量缩回单行 → 抖动。改为显式单行 height(盖掉全局 textarea 的 88rpx), 文字换行时才由 auto-height 顶高,超过上限内部滚动。 Co-Authored-By: Claude Opus 5 --- pets-fe/pages/comments/comments.wxss | 9 ++++++--- 1 file changed, 6 insertions(+), 3 deletions(-) diff --git a/pets-fe/pages/comments/comments.wxss b/pets-fe/pages/comments/comments.wxss index 559aa42..1d5d1e0 100644 --- a/pets-fe/pages/comments/comments.wxss +++ b/pets-fe/pages/comments/comments.wxss @@ -59,10 +59,13 @@ page{display:flex;flex-direction:column;height:100vh;overflow:hidden;background: } .cm-cancel{display:flex;align-items:center} .cm-bar-row{display:flex;align-items:flex-end;gap:var(--sp-3)} +/* 起始就是单行高度(显式 height 盖掉全局 textarea 的 88rpx,避免「先高一下再缩成单行」的抖动), + auto-height 只在文字换行时把它顶高;超过 max 就内部滚动 */ .cm-ta{ - flex:1;min-width:0;box-sizing:border-box;min-height:72rpx;max-height:300rpx;height:auto; - padding:var(--sp-3) var(--sp-4);background:var(--surface-2);border-radius:var(--r-md); - font-size:var(--fs-md);line-height:1.5; + flex:1;min-width:0;box-sizing:border-box; + height:72rpx;min-height:72rpx;max-height:280rpx; + padding:16rpx var(--sp-4);background:var(--surface-2);border-radius:var(--r-md); + font-size:var(--fs-md);line-height:1.4; } .cm-pic{flex:none;display:flex;align-items:center;color:var(--muted);height:72rpx} .cm-pic.disabled{opacity:.35}