Blizzard
b52729dec8
- page 背景换成顶部品牌橘 → 约半屏褪到米白的竖向淡出，铺全部页面， 没有色块接缝问题，整屏更一体 - nav-bar 默认改透明 + 深棕字（顶部本身就暖，不再铺奶白毛玻璃）； 去掉 Step4 的 tone 属性和独立 .brand-band - 带切换条的页面(首页/报告/历史/计划)统一 on-band：chip 半透明白、 选中实白，在暖底上更清晰 Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
37 lines
2.0 KiB
Plaintext
37 lines
2.0 KiB
Plaintext
<nav-bar title="全部记录" show-back="{{true}}"></nav-bar>
|
|
|
|
<view class="top-bar on-band"><pet-switch bind:add="onAddPet"></pet-switch></view>
|
|
|
|
<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>
|
|
|
|
<!-- 全部记录时间轴。洞察和体重趋势已经提到报告页，这里只做「翻流水 + 按类型筛」 -->
|
|
<block wx:else>
|
|
<seg-tabs items="{{recFilters}}" current="{{recFilterIdx}}" bind:change="onFilterTap"></seg-tabs>
|
|
|
|
<view class="card">
|
|
<view class="health-timeline">
|
|
<view wx:for="{{timeline}}" wx:key="id" class="health-event"
|
|
bindlongpress="onDeleteRecord" data-index="{{index}}">
|
|
<view class="event-dot {{item.tone}}"><pt-icon name="{{item.type}}" size="{{34}}" fallback="note"></pt-icon></view>
|
|
<view class="he-body">
|
|
<text class="he-b">{{item.title}}</text><view class="he-p">{{item.desc}}</view>
|
|
<image wx:if="{{item.image}}" class="he-img" src="{{item.image}}" mode="aspectFill" catchtap="previewImage" data-src="{{item.image}}"></image>
|
|
</view>
|
|
</view>
|
|
<view wx:if="{{timeline.length === 0}}" class="empty lg">这个分类下还没有记录</view>
|
|
</view>
|
|
<view wx:if="{{timeline.length}}" class="tl-tip">长按任意一条可删除</view>
|
|
<view wx:if="{{recHasMore}}" class="tl-more" bindtap="loadMoreRecords">查看更多（共 {{recTotal}} 条）</view>
|
|
<view wx:elif="{{recPage > 1}}" class="tl-more" bindtap="collapseRecords">收起</view>
|
|
</view>
|
|
</block>
|
|
</view>
|
|
</scroll-view>
|