Blizzard
bbc34c5bd6
- nav-bar 加 tone="brand"：透明底 + 深棕字，压在色带上；默认分支不动 - 首页/记录页顶部加 252rpx 品牌橘色带（下沿大圆角，z-index:-1 垫背后）， 盖住 nav + 切换条，门面卡在色带下方 - 切换条压在色带上：chip 半透明白 + 深棕字，选中实白 - page 加 position:relative 供色带绝对定位锚定 - 新增 --band-a/--band-b/--band-ink token（取自 preview-v3 定稿） Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
35 lines
1.9 KiB
Plaintext
35 lines
1.9 KiB
Plaintext
<!-- 门面品牌色带（方案 A）：记录页头部同款 -->
|
|
<view class="brand-band"></view>
|
|
<nav-bar title="记录" show-back="{{true}}" tone="brand"></nav-bar>
|
|
|
|
<scroll-view class="page-scroll" scroll-y="{{true}}" enhanced="{{true}}" show-scrollbar="{{false}}">
|
|
<view class="page-body no-fab">
|
|
<view wx:if="{{!pet.id}}" class="no-pet">
|
|
<view class="no-pet-ic"><pt-icon name="community" size="{{52}}"></pt-icon></view>
|
|
<view class="no-pet-b">还没有毛孩子的档案</view>
|
|
<view class="no-pet-p">建好档才能记体重、便便、饮食这些，趋势图也是从这些记录里长出来的。</view>
|
|
<view class="btn btn-dark" bindtap="onAddPet"><pt-icon name="plus" size="{{30}}"></pt-icon>建一份档案</view>
|
|
</view>
|
|
|
|
<!-- 分组来自后端 record_types，后台加一种不用发版。
|
|
每组一张白卡，图标收进小圆角色块（.rec-ic + .tone-N），标签用纯深色。
|
|
原来是整格铺 tone 底 + 浮在页面渐变上，一片肥色块。 -->
|
|
<block wx:for="{{typeGroups}}" wx:key="key">
|
|
<view class="rec-group card {{item.g}}">
|
|
<view class="rec-ghead"><view class="rec-bar"></view>{{item.short}}</view>
|
|
<view class="rec-grid">
|
|
<view wx:for="{{item.items}}" wx:for-item="t" wx:key="code" class="rec-item"
|
|
data-type="{{t.code}}" bindtap="goAdd" hover-class="rec-item-hover" hover-stay-time="60">
|
|
<view class="rec-ic {{item.tone}}"><pt-icon name="{{t.icon}}" size="{{46}}" fallback="note"></pt-icon></view>
|
|
<text class="rec-label">{{t.label}}</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</block>
|
|
<view wx:if="{{!typeGroups.length && pet.id}}" class="empty lg">还没有配置可记事项</view>
|
|
</view>
|
|
</scroll-view>
|
|
|
|
<!-- 只用于「没建档 → 建一份档案」 -->
|
|
<bottom-sheet show="{{sheetShow}}" type="{{sheetType}}" bind:close="closeSheet"></bottom-sheet>
|