feat(fe): 评论改小红书式展开输入面板;FAB 统一暖橘;顶部去冗余入口

- 评论:底部平时一条细「说点什么」,点开才展开大写评论面板
  (大输入框+工具栏+发送,浮在键盘上方)。失焦时有草稿保持展开,
  避免点发送因面板收起而丢点击
- FAB 主题色统一:社区发帖 FAB 从深色改成和首页肉垫一致的暖橘圆钮
- 报告页顶部筛选去掉「添加」(报告页不需要建档入口)
- 社区去掉顶部「发布」按钮,发帖统一走右下角悬浮按钮

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
Blizzard
2026-07-30 18:13:41 +08:00
parent 4f52a7d3a1
commit c48e241fe1
6 changed files with 71 additions and 46 deletions
+7 -12
View File
@@ -1,22 +1,17 @@
/* 统一暖橘圆钮:首页肉垫和社区发帖用同一套主题色 */
.fab{
position:fixed;right:36rpx;bottom:calc(190rpx + env(safe-area-inset-bottom));
width:108rpx;height:108rpx;border-radius:var(--r-md);
background:var(--cta);
width:112rpx;height:112rpx;border-radius:50%;
background:linear-gradient(150deg,#FFB865,#F5943E);
color:#fff;
display:flex;align-items:center;justify-content:center;
box-shadow:var(--sd-2);
box-shadow:0 12rpx 28rpx rgba(214,138,52,.42),0 2rpx 6rpx rgba(214,138,52,.3);
z-index:60;
}
.fab:active{transform:scale(.96)}
.fab:active{transform:scale(.94)}
/* 肉垫造型:暖橘圆钮,中间一只奶白肉垫。圆形更像脚印落下的样子,
阴影带橘调让它从奶白背景上浮起来 */
.fab-paw{
width:116rpx;height:116rpx;border-radius:50%;
background:linear-gradient(150deg,#FFB865,#F5943E);
box-shadow:0 12rpx 28rpx rgba(214,138,52,.42),0 2rpx 6rpx rgba(214,138,52,.3);
}
.fab-paw:active{transform:scale(.94)}
/* 肉垫造型:和基础一致的暖橘圆钮,中间一只奶白肉垫 */
.fab-paw{width:116rpx;height:116rpx}
.paw{position:relative;width:66rpx;height:60rpx}
/* 掌垫:上窄下宽的圆角心形块,坐在下方 */