From 931fb69ef2e061ff1e57fca36af2a7ab5fd2eb5e Mon Sep 17 00:00:00 2001
From: Blizzard <blizzardzhang@icloud.com>
Date: Fri, 31 Jul 2026 16:10:42 +0800
Subject: [PATCH] =?UTF-8?q?fix(fe):=20=E6=B5=B7=E6=8A=A5=E9=A2=84=E8=A7=88?=
 =?UTF-8?q?=E5=8D=A1(wxml)=E4=B9=9F=E6=98=BE=E7=A4=BA=E7=9C=9F=E5=AE=9E?=
 =?UTF-8?q?=E5=A4=B4=E5=83=8F=20+=20=E7=BB=9F=E8=AE=A1=E5=91=A8=E6=9C=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

之前只改了导出用的 canvas，但弹层里看到的预览卡是 wxml 渲染的，
头像写死 emoji、也没周期。现在预览卡：有照片用照片(poster.pet_avatar_url
兜底 pet.avatar_url)、加「近 7 天 · 日期」周期行，和导出图一致。

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
---
 pets-fe/app.wxss                                  | 4 +++-
 pets-fe/components/bottom-sheet/bottom-sheet.wxml | 6 +++++-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/pets-fe/app.wxss b/pets-fe/app.wxss
index 419d4a7..a628551 100644
--- a/pets-fe/app.wxss
+++ b/pets-fe/app.wxss
@@ -342,8 +342,10 @@ textarea{display:block;padding:var(--sp-4);line-height:1.6}
 .poster-avatar{
   width:152rpx;height:152rpx;margin:var(--sp-3) auto var(--sp-3);border-radius:var(--r-lg);
   background:linear-gradient(135deg,#FFE5B7,#FFC06B);display:flex;align-items:center;justify-content:center;
-  font-size:80rpx;box-shadow:var(--sd-1);
+  font-size:80rpx;box-shadow:var(--sd-1);overflow:hidden;
 }
+.poster-avatar-img{width:100%;height:100%;display:block}
+.poster-period{margin-top:8rpx;font-size:var(--fs-cap);color:var(--primary-ink);font-weight:var(--fw-b)}
 .poster-list{
   background:rgba(255,255,255,.78);border-radius:var(--r-md);padding:var(--sp-4);margin:var(--sp-4) 0;text-align:left;line-height:1.8;font-size:var(--fs-md);
 }
diff --git a/pets-fe/components/bottom-sheet/bottom-sheet.wxml b/pets-fe/components/bottom-sheet/bottom-sheet.wxml
index 7850ebd..adc2d57 100644
--- a/pets-fe/components/bottom-sheet/bottom-sheet.wxml
+++ b/pets-fe/components/bottom-sheet/bottom-sheet.wxml
@@ -155,8 +155,12 @@ module.exports.sel = function (map, key, index, def) {
     <block wx:elif="{{innerType === 'poster'}}">
       <view class="poster">
         <view class="poster-h3">{{pet.name}} 的成长报告</view>
-        <view class="poster-avatar">{{pet.emoji}}</view>
+        <view class="poster-avatar">
+          <image wx:if="{{poster.pet_avatar_url || pet.avatar_url}}" class="poster-avatar-img" src="{{poster.pet_avatar_url || pet.avatar_url}}" mode="aspectFill"></image>
+          <block wx:else>{{pet.emoji}}</block>
+        </view>
         <view class="muted">{{pet.age}}｜{{pet.weight}}｜{{pet.stage}}</view>
+        <view wx:if="{{poster.period}}" class="poster-period">近 7 天 · {{poster.period}}</view>
         <view class="poster-list pre">✓ 完成任务 {{poster ? poster.tasks_completed : 0}} 项
 ✓ 体重记录 {{poster ? poster.weight_records : 0}} 次
 ✓ 疫苗记录 {{poster ? poster.vaccine_records : 0}} 次