feat(fe): 肉垫 FAB + 冷启动闪屏;顶部筛选改纯文字对齐

- FAB 重设计成肉垫造型(呼应「肉垫计划」),修 fab.js 漏声明
  icon 属性导致的兜底文档图标;社区发帖 FAB 保持图标
- onboarding 加冷启动闪屏,登录+拉宠物在闪屏期完成再进首页,
  不再闪一下建档向导;欢迎屏 logo 换肉垫、去掉过时 AI 文案
- 顶部宠物筛选去掉头像改纯文字(带图/emoji 时高度对不齐),
  固定高度 + vertical-align:middle 彻底对齐,添加用「+」文字

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
Blizzard
2026-07-30 17:57:06 +08:00
parent de2b72221c
commit 396f531023
10 changed files with 119 additions and 28 deletions
@@ -1,13 +1,7 @@
<scroll-view class="pet-switch" scroll-x="true" enhanced="{{true}}" show-scrollbar="{{false}}">
<!-- 纯文字筛选:带头像时不同宠物 chip 高度对不齐,这里只作切换用,文字最稳 -->
<view wx:for="{{pets}}" wx:key="id"
class="pet-chip {{item.id === currentId ? 'active' : ''}}"
data-id="{{item.id}}" bindtap="onPick">
<view class="mini-avatar">
<image wx:if="{{item.avatar_url}}" class="mini-avatar-img" src="{{item.avatar_url}}" mode="aspectFill"></image>
<block wx:else>{{item.emoji}}</block>
</view>{{item.name}}
</view>
<view wx:if="{{showAdd}}" class="pet-chip" bindtap="onAdd">
<view class="mini-avatar"><pt-icon name="plus" size="{{30}}"></pt-icon></view>添加
</view>
data-id="{{item.id}}" bindtap="onPick">{{item.name}}</view>
<view wx:if="{{showAdd}}" class="pet-chip pet-chip-add" bindtap="onAdd"> 添加</view>
</scroll-view>
@@ -1,9 +1,11 @@
.pet-switch{
display:block;white-space:nowrap;width:100%;
display:block;white-space:nowrap;width:100%;font-size:0;
}
/* chip 是 inline-flex,行内盒默认按 baseline 对齐,不同内容会高低不齐;
统一固定高度 + vertical-align:middle,彻底对齐。父级 font-size:0 消掉 chip 间的空白基线 */
.pet-switch .pet-chip{
margin-right:20rpx;vertical-align:middle;
height:64rpx;padding-top:0;padding-bottom:0;font-size:var(--fs-md);
}
.pet-switch .pet-chip{margin-right:20rpx}
.pet-switch .pet-chip:last-child{margin-right:0}
/* flex 子项默认 min-width:auto,图片的固有尺寸(320×240)会把 chip 撑大,
真机比模拟器更明显。flex:none 锁死成 app.wxss 里定的 52rpx 见方 */
.mini-avatar{overflow:hidden;flex:none}
.mini-avatar-img{width:52rpx;height:52rpx;display:block}
.pet-chip-add{color:var(--muted)}