Blizzard
c48e241fe1
- 评论：底部平时一条细「说点什么」，点开才展开大写评论面板 （大输入框+工具栏+发送，浮在键盘上方）。失焦时有草稿保持展开， 避免点发送因面板收起而丢点击 - FAB 主题色统一：社区发帖 FAB 从深色改成和首页肉垫一致的暖橘圆钮 - 报告页顶部筛选去掉「添加」（报告页不需要建档入口） - 社区去掉顶部「发布」按钮，发帖统一走右下角悬浮按钮 Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
29 lines
1.3 KiB
Plaintext
29 lines
1.3 KiB
Plaintext
/* 统一暖橘圆钮：首页肉垫和社区发帖用同一套主题色 */
|
|
.fab{
|
|
position:fixed;right:36rpx;bottom:calc(190rpx + env(safe-area-inset-bottom));
|
|
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:0 12rpx 28rpx rgba(214,138,52,.42),0 2rpx 6rpx rgba(214,138,52,.3);
|
|
z-index:60;
|
|
}
|
|
.fab:active{transform:scale(.94)}
|
|
|
|
/* 肉垫造型：和基础一致的暖橘圆钮，中间一只奶白肉垫 */
|
|
.fab-paw{width:116rpx;height:116rpx}
|
|
|
|
.paw{position:relative;width:66rpx;height:60rpx}
|
|
/* 掌垫：上窄下宽的圆角心形块，坐在下方 */
|
|
.paw .pad{
|
|
position:absolute;left:50%;bottom:0;transform:translateX(-50%);
|
|
width:44rpx;height:36rpx;background:#FFF7EC;
|
|
border-radius:48% 48% 44% 44%/62% 62% 40% 40%;
|
|
}
|
|
/* 四个脚趾垫，沿上方弧线排开，外侧两个更低、内侧两个更高 */
|
|
.paw .bean{position:absolute;background:#FFF7EC;border-radius:50%}
|
|
.paw .bean-1{width:15rpx;height:20rpx;left:0;top:20rpx;transform:rotate(-20deg)}
|
|
.paw .bean-2{width:16rpx;height:22rpx;left:18rpx;top:5rpx;transform:rotate(-7deg)}
|
|
.paw .bean-3{width:16rpx;height:22rpx;right:18rpx;top:5rpx;transform:rotate(7deg)}
|
|
.paw .bean-4{width:15rpx;height:20rpx;right:0;top:20rpx;transform:rotate(20deg)}
|