Complete core mini program flows

pets-fe/pages/walk-records/walk-records.wxml

@@ -0,0 +1,29 @@
+<view class="screen">
+  <text wx:if="{{selected}}" class="back" bindtap="close">‹ 全部记录</text>
+  <text wx:else class="back" bindtap="back">‹ 返回</text>
+  <view class="eyebrow">OUR LITTLE FOOTPRINTS</view>
+  <view class="title">{{selected?'这次的脚印':'遛狗记录'}} 🐾</view>
+  <view wx:if="{{selected}}">
+    <view class="card detail">
+      <strong>{{selected.date}}</strong>
+      <text>{{selected.petNames}}</text>
+      <view class="metrics">
+        <view><strong>{{selected.duration}}</strong><text>时长</text></view>
+        <view><strong>{{selected.distance}} km</strong><text>距离</text></view>
+      </view>
+    </view>
+    <map wx:if="{{selected.lastPoint}}" class="route-map"
+      latitude="{{selected.lastPoint.latitude}}"
+      longitude="{{selected.lastPoint.longitude}}"
+      polyline="{{selected.polyline}}" scale="15" />
+    <view wx:else class="empty">这次没有留下定位轨迹</view>
+  </view>
+  <view wx:else>
+    <view wx:for="{{records}}" wx:key="id" class="card record" data-index="{{index}}" bindtap="open">
+      <view class="row"><strong>{{item.date}}</strong><text>›</text></view>
+      <view class="pet-names">🐕 {{item.petNames}}</view>
+      <view class="record-stats">{{item.duration}} · {{item.distance}} km · {{item.points.length}} 个足迹</view>
+    </view>
+    <view wx:if="{{!loading&&!records.length}}" class="empty">完成一次遛狗，脚印就会出现在这里 🐾</view>
+  </view>
+</view>