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:
@@ -1,3 +1,17 @@
|
||||
<!-- 冷启动闪屏:登录 + 拉宠物期间显示,不再闪一下建档向导 -->
|
||||
<view wx:if="{{booting}}" class="boot">
|
||||
<view class="boot-badge">
|
||||
<view class="paw">
|
||||
<view class="bean bean-1"></view><view class="bean bean-2"></view>
|
||||
<view class="bean bean-3"></view><view class="bean bean-4"></view>
|
||||
<view class="pad"></view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="boot-name">肉垫计划</view>
|
||||
<view class="boot-tip">正在准备今天的养护计划…</view>
|
||||
</view>
|
||||
|
||||
<block wx:else>
|
||||
<nav-bar title="肉垫计划"></nav-bar>
|
||||
|
||||
<scroll-view class="page-scroll" scroll-y="{{true}}" enhanced="{{true}}" show-scrollbar="{{false}}">
|
||||
@@ -5,14 +19,20 @@
|
||||
<!-- step 0 欢迎 -->
|
||||
<view wx:if="{{step === 0}}" class="step">
|
||||
<view class="hero">
|
||||
<view class="pet-logo"><pt-icon name="community" size="{{88}}" color="#fff"></pt-icon></view>
|
||||
<view class="pet-logo">
|
||||
<view class="paw">
|
||||
<view class="bean bean-1"></view><view class="bean bean-2"></view>
|
||||
<view class="bean bean-3"></view><view class="bean bean-4"></view>
|
||||
<view class="pad"></view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="hero-h1">肉垫计划</view>
|
||||
<view class="hero-sub">新手养宠的养护日历、健康记录和成长报告。先生成计划,再每天照着做。</view>
|
||||
</view>
|
||||
<view class="proof-row">
|
||||
<view class="proof"><text class="proof-b">30天</text><text class="proof-s">新手计划</text></view>
|
||||
<view class="proof"><text class="proof-b">8类</text><text class="proof-s">快速记录</text></view>
|
||||
<view class="proof"><text class="proof-b">AI</text><text class="proof-s">观察建议</text></view>
|
||||
<view class="proof"><text class="proof-b">24类</text><text class="proof-s">快速记录</text></view>
|
||||
<view class="proof"><text class="proof-b">成长</text><text class="proof-s">报告卡片</text></view>
|
||||
</view>
|
||||
<button class="btn btn-primary btn-block" bindtap="nextStep">开始建档,生成计划</button>
|
||||
<view class="skip-link" bindtap="skipBrowse">先随便看看</view>
|
||||
@@ -104,3 +124,4 @@
|
||||
</view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
</block>
|
||||
|
||||
Reference in New Issue
Block a user