sundynix-pets/pets-fe/pages/home/home.wxml

<nav-bar title="毛孩子计划"></nav-bar>

<scroll-view class="page-scroll" scroll-y="{{true}}" enhanced="{{true}}" show-scrollbar="{{false}}">
<view class="page-body">
  <view class="top-row">
    <view class="greeting">
      <view class="greet-h2">{{summary.greeting || '你好'}}</view>
      <view class="greet-p">今天也要照顾好 {{pet.name}} 🐾</view>
    </view>
    <view class="icon-stack">
      <view class="icon-btn" data-type="reminders" bindtap="openSheet">🔔</view>
      <view class="icon-btn" bindtap="goProfile">⚙</view>
    </view>
  </view>

  <pet-switch bind:add="onAddPet"></pet-switch>

  <view class="card hero-card">
    <view class="pet-row" bindtap="onEditPet">
      <view class="avatar">{{pet.emoji}}</view>
      <view class="pet-main">
        <view class="pet-name-b">{{pet.name}}</view>
        <view class="pet-meta">{{pet.age}}｜{{pet.weight}}｜{{pet.stage}}</view>
      </view>
      <view class="tag">{{summary.health_status || '正常'}}</view>
    </view>
    <view class="progress-row"><text>本周健康完成度</text><text>{{summary.health_pct}}%</text></view>
    <view class="bar"><view class="bar-fill" style="width:{{summary.health_pct}}%"></view></view>
    <scroll-view wx:if="{{summary.insights.length}}" class="insight-row" scroll-x="true" enhanced="{{true}}" show-scrollbar="{{false}}">
      <view wx:for="{{summary.insights}}" wx:key="text" class="insight"><text class="insight-b">{{item.bold}}</text>{{item.text}}</view>
    </scroll-view>
  </view>

  <view class="date-strip">
    <view wx:for="{{summary.week}}" wx:key="date"
          class="day {{item.active ? 'active' : ''}} {{item.date === selectedDate ? 'sel' : ''}} {{item.has_dot ? 'has-dot' : ''}}"
          data-date="{{item.date}}" data-active="{{item.active}}" bindtap="onTapDay">
      <text>{{item.weekday}}</text><text class="day-b">{{item.day}}</text>
    </view>
  </view>

  <view class="card">
    <view class="section-head">
      <view class="sh-title">{{taskLabel}}</view>
      <view wx:if="{{selectedDate && selectedDate !== todayDate}}" class="link" bindtap="backToToday">回今天</view>
      <view wx:else class="link" bindtap="completeTasks">全部完成</view>
    </view>
    <view class="task-list">
      <view wx:for="{{tasks}}" wx:key="title" class="task {{item.done ? 'done' : ''}}" data-index="{{index}}" bindtap="onTapTask">
        <view class="circle">✓</view>
        <view class="task-text"><text class="tt-b">{{item.title}}</text><view class="tt-p">{{item.sub}}</view></view>
        <view wx:if="{{item.priority}}" class="priority">{{item.priority}}</view>
      </view>
      <view wx:if="{{tasks.length === 0}}" class="task-empty">这天没有任务记录</view>
    </view>
  </view>

  <view class="card">
    <view class="section-head">
      <view class="sh-title">快速记录</view>
      <view class="link" bindtap="goRecord">更多</view>
    </view>
    <view class="quick-grid">
      <view class="quick" data-type="weight" bindtap="openSheet"><text class="q-ic">⚖️</text>体重</view>
      <view class="quick" data-type="poop" bindtap="openSheet"><text class="q-ic">💩</text>便便</view>
      <view class="quick" data-type="food" bindtap="openSheet"><text class="q-ic">🍽️</text>饮食</view>
      <view class="quick" data-type="symptom" bindtap="openSheet"><text class="q-ic">🤒</text>异常</view>
      <view class="quick" data-type="cost" bindtap="openSheet"><text class="q-ic">💰</text>消费</view>
      <view class="quick" data-type="medicine" bindtap="openSheet"><text class="q-ic">💊</text>用药</view>
      <view class="quick" data-type="photo" bindtap="openSheet"><text class="q-ic">📷</text>照片</view>
      <view class="quick" data-type="vaccine" bindtap="openSheet"><text class="q-ic">💉</text>疫苗</view>
    </view>
  </view>

  <view class="card ai-banner">
    <view class="section-head">
      <view class="sh-title">AI 今日建议</view>
      <view class="link" data-type="ai" bindtap="openSheet">问问 AI</view>
    </view>
    <view class="ai-text">{{summary.advice || '正在生成今日建议…'}}</view>
  </view>

  <view class="card">
    <view class="section-head">
      <view class="sh-title">新手内容</view>
      <view class="link" bindtap="goLearn">查看</view>
    </view>
    <view wx:if="{{firstArticle}}" class="article-card no-shadow" style="margin-bottom:0" bindtap="goLearn">
      <view class="article-icon">{{firstArticle.icon}}</view>
      <view><text class="ac-b">{{firstArticle.title}}</text><view class="ac-p">{{firstArticle.desc}}</view></view>
    </view>
  </view>
</view>
</scroll-view>

<fab bind:tap="onFab"></fab>
<bottom-sheet show="{{sheetShow}}" type="{{sheetType}}" bind:close="closeSheet" bind:save="onSheetSave"></bottom-sheet>