Blizzard
6a132d13bd
截图那个真的丑：.quick 是 128rpx 的大方块，整格铺 tone-N 的浅色底， 四个排一行就是一片肥色块，还直接浮在页面渐变上、没有卡片收纳， 不完整的行还留大缺口，整体像一张配色测试表。 改成 preview-v3（你当时认可的那版）的做法： 每组一张白卡收纳（.card） 颜色只集中在图标那个 96rpx 小圆角块上（.rec-ic + tone-N） 标签用纯深色，不跟 tone 变 —— 四组底下的字统一深灰，才不花 组标题一根同色系竖条 + 组名 .quick / .quick-grid / .tg 现在只有记录页用，直接换成 record 页私有的 .rec-* 类，不动全局。 Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
33 lines
1.8 KiB
Plaintext
33 lines
1.8 KiB
Plaintext
<nav-bar title="记录" show-back="{{true}}"></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>
|