feat: harden phase one workflows

miniapp/miniprogram/pages/orders/index.wxml

@@ -1,17 +1,25 @@
 <view class="page">
-  <view class="section-title">我的订单</view>
-  <view wx:for="{{orders}}" wx:key="id" class="card" bindtap="goDetail" data-type="{{item.type}}" data-id="{{item.id}}">
-    <view class="row between">
-      <view>
-        <view>{{item.title}}</view>
-        <view class="muted">{{item.typeText}} {{item.orderNo}}</view>
+  <view class="page-heading">
+    <view class="heading-eyebrow">履约进度</view>
+    <view class="heading-title">我的订单</view>
+    <view class="heading-subtitle">查看商品、快递和团购订单</view>
+  </view>
+
+  <view class="order-list">
+    <view wx:for="{{orders}}" wx:key="id" class="order-card" bindtap="goDetail" data-type="{{item.type}}" data-id="{{item.id}}">
+      <view class="row between order-head">
+        <view class="order-title-wrap">
+          <view class="card-title">{{item.title}}</view>
+          <view class="order-meta">{{item.typeText}} {{item.orderNo}}</view>
+        </view>
+        <view class="tag">{{item.statusText}}</view>
+      </view>
+      <view class="order-footer row between">
+        <view class="muted">状态：{{item.statusText}}</view>
+        <view class="price">{{item.amountText}}</view>
       </view>
-      <view class="tag">{{item.statusText}}</view>
-    </view>
-    <view class="row between">
-      <view class="muted">状态：{{item.statusText}}</view>
-      <view class="price">{{item.amountText}}</view>
     </view>
   </view>
-  <view wx:if="{{!orders.length && !loading}}" class="card muted">暂无订单</view>
+
+  <view wx:if="{{!orders.length && !loading}}" class="empty-state">暂无订单</view>
 </view>