style(ux): 依据UIUX规范4.2节深度打磨大神端4位核销码九宫格键盘与身份确认卡及订单空状态引导

pwuniapp/pages/order/list.vue

@@ -69,6 +69,7 @@
       <view v-if="filteredOrders.length === 0" class="empty-state">
         <image class="empty-svg" :src="ICONS.orderList" mode="aspectFit" />
         <text class="empty-text">暂无此类订单</text>
+        <button class="empty-btn btn-active" @click="goToExplore">前往发现大厅寻找大神</button>
       </view>
     </view>
   </view>
@@ -84,6 +85,7 @@ const tabs = [
   { key: 'IN_SERVICE', name: '进行中' },
   { key: 'PENDING_PAY', name: '待付款' },
   { key: 'COMPLETED', name: '已完成' },
+  { key: 'REFUNDING', name: '退款/售后' },
 ];
 
 const currentTab = ref('ALL');
@@ -98,6 +100,12 @@ const switchTab = (tabKey) => {
   currentTab.value = tabKey;
 };
 
+const goToExplore = () => {
+  uni.switchTab({
+    url: '/pages/index/index'
+  });
+};
+
 const getStatusText = (status) => {
   const map = {
     PENDING_PAY: '待付款',
@@ -411,6 +419,20 @@ const rateExpert = (id) => {
       color: #64748B;
       font-size: 26rpx;
     }
+
+    .empty-btn {
+      margin: 32rpx auto 0;
+      background: linear-gradient(135deg, #6366F1 0%, #8B5CF6 100%);
+      color: #FFF;
+      font-size: 26rpx;
+      font-weight: 700;
+      height: 72rpx;
+      line-height: 72rpx;
+      padding: 0 40rpx;
+      border-radius: 36rpx;
+      width: fit-content;
+      box-shadow: 0 4rpx 16rpx rgba(99, 102, 241, 0.35);
+    }
   }
 }
 </style>