past-go/weapp/pages/punch/punch.wxml

<view capture-bind:tap="onLoginSubscribeTap" class="app-shell app-shell--secondary" style="{{layoutStyle}}">
<launch-transition />
<!-- pages/punch/punch.wxml - 情侣打卡 -->
<app-nav title="打卡" back="{{true}}" />

<scroll-view class="page-bg" scroll-y bindscrolltolower="loadMore" lower-threshold="120" show-scrollbar="{{false}}" bounces="{{true}}">
  <view class="c-body"><view class="c-heading j-row"><view><text class="j-eyebrow">LITTLE PROMISES</text><text class="j-page-title">把约定变成习惯</text></view><button class="j-button j-button-small" bindtap="showAddModal">＋ 添加</button></view>
<page-state wx:if="{{loading}}" kind="loading" title="正在加载" /><page-state wx:elif="{{loadError}}" kind="error" title="加载失败" description="请检查网络后重新加载" action="重试" bind:action="loadData" />
    <!-- 顶部 Banner - 卡片式 -->
    <view class="punch-banner-card" wx:if="{{!loading && !loadError}}">
      <view class="promise-summary-head"><text class="c-small-title">一起坚持的小约定</text><view class="promise-avatars"><view class="banner-avatar-circle"><image wx:if="{{myAvatar}}" src="{{myAvatar}}" mode="aspectFill" /><text wx:else>我</text></view><view class="banner-avatar-circle"><image wx:if="{{partnerAvatar}}" src="{{partnerAvatar}}" mode="aspectFill" /><text wx:else>TA</text></view></view></view>
      <view class="banner-stat-grid">
        <view class="banner-stat-card">
          <text class="stat-num">{{weekBoth}}</text>
          <text class="stat-label">本周共同打卡</text>
        </view>
        <view class="banner-stat-card">
          <text class="stat-num">{{todayMy}}</text>
          <text class="stat-label">我今天</text>
        </view>
        <view class="banner-stat-card">
          <text class="stat-num">{{todayPartner}}</text>
          <text class="stat-label">TA今天</text>
        </view>
      </view>
    </view>

    <view class="smoking-preference"><view><text class="j-small-title">抽烟记录</text><text class="j-caption">显示设置保存到账号，重新安装后仍生效</text></view><switch wx:if="{{smokingKnown}}" checked="{{smokingVisible}}" disabled="{{smokingSaving}}" color="#667E75" bindchange="toggleSmoking" /><text wx:elif="{{smokingError}}" bindtap="loadSmokingPreference">重试</text><text wx:else>加载中</text></view>
    <smoking-card wx:if="{{smokingKnown && smokingVisible}}" id="smoking" bind:updated="onSmokingUpdated" />

    <!-- 打卡列表 -->
    <view class="checkin-cards" wx:if="{{!loading && !loadError && checkins.length > 0}}">
      <view class="checkin-card" wx:for="{{checkins}}" wx:key="id" bindtap="openDetail" data-index="{{index}}" bindlongpress="deleteCheckin" data-id="{{item.id}}">
        <!-- 主题 -->
        <view class="card-row card-theme">
          <text class="card-icon" wx:if="{{item.icon && item.icon !== '✅'}}">{{item.icon}}</text><image wx:else class="card-icon" src="/images/check.svg" mode="aspectFit" />
          <text class="card-title">{{item.title}}</text>
        </view>
        <!-- 打卡频率 -->
        <view class="card-row">
          <text class="card-label">打卡频率</text>
          <text class="card-value">{{item.freq_label}}</text>
        </view>
        <!-- 参与人（双人：双方昵称+头像 / 单人：对应昵称+头像） -->
        <view class="card-row" wx:if="{{item.type == 'both'}}">
          <text class="card-label">参与人</text>
          <view class="card-users">
            <view class="user-chip">
              <image wx:if="{{myAvatar}}" class="chip-avatar" src="{{myAvatar}}" mode="aspectFill" />
              <text wx:else class="chip-avatar-fallback">{{myName ? myName.charAt(0) : '我'}}</text>
              <text class="chip-name">{{myName}}</text>
            </view>
            <text class="chip-sep">·</text>
            <view class="user-chip">
              <image wx:if="{{partnerAvatar}}" class="chip-avatar" src="{{partnerAvatar}}" mode="aspectFill" />
              <text wx:else class="chip-avatar-fallback">{{partnerName ? partnerName.charAt(0) : 'TA'}}</text>
              <text class="chip-name">{{partnerName}}</text>
            </view>
          </view>
        </view>
        <view class="card-row" wx:elif="{{item.type == 'first' || item.type == 'her'}}">
          <text class="card-label">参与人</text>
          <view class="card-users">
            <view class="user-chip">
              <image wx:if="{{item.type == 'first' && myAvatar}}" class="chip-avatar" src="{{myAvatar}}" mode="aspectFill" />
              <image wx:elif="{{item.type == 'her' && partnerAvatar}}" class="chip-avatar" src="{{partnerAvatar}}" mode="aspectFill" />
              <text wx:else class="chip-avatar-fallback">{{item.type == 'first' ? (myName ? myName.charAt(0) : '我') : (partnerName ? partnerName.charAt(0) : 'TA')}}</text>
              <text class="chip-name">{{item.type == 'first' ? myName : partnerName}}</text>
            </view>
          </view>
        </view>
        <!-- 创建人 -->
        <view class="card-row">
          <text class="card-label">创建人</text>
          <view class="card-creator-info">
            <image wx:if="{{item.creator_avatar_url}}" class="creator-avatar" src="{{item.creator_avatar_url}}" mode="aspectFill" />
            <text wx:else class="creator-avatar-fallback">{{item.creator_name ? item.creator_name.charAt(0) : '?'}}</text>
            <text class="creator-name">{{item.creator_name || '未知'}}</text>
          </view>
        </view>
      </view>
    </view>

    <page-state wx:if="{{!loading && !loadError && !checkins.length}}" title="从一个小约定开始" description="一起运动、按时吃饭，也可以成为日常仪式" action="添加打卡" bind:action="showAddModal" />
  </view>
  
<view class="j-pagination" wx:if="{{!loading && !loadError && total > 0}}"><text wx:if="{{loadingMore}}">正在加载…</text><text wx:elif="{{moreError}}" bindtap="loadMore">加载失败，点击重试</text><text wx:elif="{{hasMore}}" bindtap="loadMore">加载更多</text><text wx:else>已加载全部</text></view>
</scroll-view>

<!-- 浮动按钮 -->










</view>