0.0.0

miniprogram/pages/dog-detail/dog-detail.wxml

@@ -0,0 +1,42 @@
+<view wx:if="{{!loading}}" class="page">
+  <!-- 头部 -->
+  <view class="header">
+    <view class="edit" bindtap="goEdit">编辑</view>
+    <image wx:if="{{dog.avatar}}" class="dog-avatar" src="{{dog.avatar}}" mode="aspectFill" />
+    <view wx:else class="dog-avatar">🐶</view>
+    <view class="dog-name">{{dog.name}}</view>
+    <view class="dog-meta">{{metaText}}</view>
+  </view>
+
+  <!-- 累计：次数/公里/连续 -->
+  <view class="grid3">
+    <view class="g"><view class="g-v">{{stats.totalWalks || 0}}</view><view class="g-k">总次数</view></view>
+    <view class="g"><view class="g-v">{{stats.totalDistance || 0}}</view><view class="g-k">总公里</view></view>
+    <view class="g"><view class="g-v streak">{{stats.currentStreak || 0}}</view><view class="g-k">连续天数</view></view>
+  </view>
+
+  <!-- 成就墙 -->
+  <view class="row-head" bindtap="goAchievements">
+    <text class="rh-title">成就墙</text>
+    <text class="rh-more">{{unlockedCount}} / {{total}} ›</text>
+  </view>
+  <view class="wall">
+    <view wx:for="{{wall}}" wx:key="key" class="medal-item {{item.unlocked?'':'locked'}}">
+      <view class="medal">{{item.unlocked ? '🏅' : '🔒'}}</view>
+      <view class="medal-name">{{item.name}}</view>
+    </view>
+  </view>
+
+  <!-- 近期记录 -->
+  <view class="row-head"><text class="rh-title">近期记录</text></view>
+  <view wx:if="{{recent.length}}" class="recent">
+    <view wx:for="{{recent}}" wx:key="_id" class="walk-row">
+      <view class="wr-ico">🐾</view>
+      <view class="wr-body">
+        <view class="wr-title">{{item.title}}</view>
+        <view class="wr-sub">{{item.sub}}</view>
+      </view>
+    </view>
+  </view>
+  <view wx:else class="empty">还没有遛狗记录，点底部按钮带它出门吧</view>
+</view>