psvt-miniprogram/src/pages/health/index.wxml

<navbar id="navbar" fixed custom-style="background:{{background}}" back>
  <image class="page-title" slot="left" src="{{imageUrl}}logo2.png?t={{Timestamp}}"></image>
</navbar>

<view
  class="page"
  style="background: url('{{imageUrl}}bg6.png?t={{Timestamp}}') no-repeat top center/100% 478rpx;padding-top: {{pageTop}}px;"
>
  <!-- <swiper class="banner"> -->
  <!--   <swiper-item> -->
  <!--     <image class="b-img" mode="aspectFill" src="{{imageUrl}}bg1.png?t={{Timestamp}}"></image> -->
  <!--   </swiper-item> -->
  <!-- </swiper> -->
  <van-tabs
    class="tabs"
    active="{{ tab }}"
    sticky
    style="--tabs-nav-background-color: {{background}}"
    color="rgba(47, 130, 169, 1)"
    title-active-color="rgba(47, 130, 169, 1)"
    title-inactive-color="rgba(100, 116, 139, 1)"
    bind:change="onChange"
    tab-active-class="tab-active-class"
    tab-class="tab-class"
    wrap-class="wrap-class"
    nav-class="nav-calss"
    offset-top="{{offsetTop}}"
  >
    <van-tab title="健康量表">内容 1</van-tab>
    <van-tab title="心率记录">
      <view class="body2">
        <view class="body-op">
          <view class="date-range">
            <picker mode="date">
              <view class="date">2026.01</view>
            </picker>
            -
            <picker mode="date">
              <view class="date">2026.01</view>
            </picker>
            <image class="icon" src="{{imageUrl}}icon25.png?t={{Timestamp}}"></image>
          </view>
        </view>
        <view class="stats-grid">
          <view class="stat-card">
            <view class="stat-label">最近1次</view>
            <view class="stat-value">
              <text class="stat-number">59</text>
              <text class="stat-unit">次/分</text>
            </view>
          </view>
          <view class="stat-card">
            <view class="stat-label">最近发作</view>
            <view class="stat-value">
              <text class="stat-number">2</text>
              <text class="stat-unit">次</text>
            </view>
          </view>
          <view class="stat-card">
            <view class="stat-label">最高心率</view>
            <view class="stat-value">
              <text class="stat-number">156</text>
              <text class="stat-unit">次/分</text>
            </view>
          </view>
        </view>
        <view class="chart">
          <ec-canvas id="chart1" ec="{{ ec }}"></ec-canvas>
          <div class="legend">
            <div class="l-item">
              <div class="dot1"></div>
              正常心率
            </div>
            <div class="l-item">
              <div class="dot2"></div>
              发作心率
            </div>
          </div>
        </view>
      </view>
    </van-tab>
    <van-tab title="复诊记录">
      <view class="body3">
        <view class="body-op">
          <view class="date-range">
            <picker mode="date">
              <view class="date">2026.01</view>
            </picker>
            -
            <picker mode="date">
              <view class="date">2026.01</view>
            </picker>
            <image class="icon" src="{{imageUrl}}icon25.png?t={{Timestamp}}"></image>
          </view>
          <view class="total">
            共复诊
            <view class="high">3</view>
            次 距上次复诊
            <view class="high">12</view>
            天
          </view>
        </view>
        <view class="list">
          <view class="card" wx:for="{{10}}" wx:key="index">
            <view class="c-header">
              <view class="label">第4次复诊</view>
              <view class="date">2026.7.12</view>
            </view>
            <view class="photo9">
              <view class="p-item" wx:for="{{3}}" wx:key="index">
                <image class="p-img" mode="aspectFill" src="{{imageUrl}}bg1.png?t={{Timestamp}}"></image>
              </view>
            </view>
            <view class="title">未更新处方</view>
            <view class="content">医生建议持续监测心律指标、评估药物疗效与不良反应，动态调整治…</view>
          </view>
        </view>
      </view>
    </van-tab>
  </van-tabs>
</view>

<view class="fixed-add">
  <image class="icon" src="{{imageUrl}}icon24.png?t={{Timestamp}}"></image>
</view>