diff --git a/pages.json b/pages.json
index 9cda11e..9969a46 100644
--- a/pages.json
+++ b/pages.json
@@ -87,6 +87,13 @@
 						"navigationBarTitleText": "淘宝购物外卖订单列表",
 						"navigationStyle": "custom"
 					}
+				},
+				{
+					"path": "taobao/shopping-order-detail/shopping-order-detail",
+					"style": {
+						"navigationBarTitleText": "淘宝购物详情页",
+						"navigationStyle": "custom"
+					}
 				}
 			]
 		},
@@ -303,18 +310,16 @@
 					}
 				},
 				{
-					"path" : "silkBanner/silkBanner",
-					"style" : 
-					{
-						"navigationBarTitleText" : "锦旗",
+					"path": "silkBanner/silkBanner",
+					"style": {
+						"navigationBarTitleText": "锦旗",
 						"navigationStyle": "custom"
 					}
 				},
 				{
-					"path" : "certificate/index",
-					"style" : 
-					{
-						"navigationBarTitleText" : "证书",
+					"path": "certificate/index",
+					"style": {
+						"navigationBarTitleText": "证书",
 						"navigationStyle": "custom"
 					}
 				}
diff --git a/pages/shopping/jingdong/json/order.json b/pages/shopping/jingdong/json/order.json
index def4bfe..5c43cf5 100644
--- a/pages/shopping/jingdong/json/order.json
+++ b/pages/shopping/jingdong/json/order.json
@@ -961,7 +961,7 @@
         {
             "id": "70085b84-5e10-4ece-a971-9242e19b47de",
             "shopType": "self",
-            "shopName": "路易威登京东官方旗舰店",
+            "shopName": "路易威登官方旗舰店",
             "status": "正在出库",
             "trackingTitle": "仓库处理中",
             "trackingDesc": "预计明天9:00-15:00送达",
diff --git a/pages/shopping/taobao/components/list-card/list-card.vue b/pages/shopping/taobao/components/list-card/list-card.vue
index b60f60e..2bedc34 100644
--- a/pages/shopping/taobao/components/list-card/list-card.vue
+++ b/pages/shopping/taobao/components/list-card/list-card.vue
@@ -1,6 +1,6 @@
 <template>
     <view class="card-wrapper">
-        <view class="card-container" v-for="(item, index) in list" :key="index">
+        <view class="card-container" v-for="(item, index) in list" :key="index" @click.stop="clickItem(item)">
             <!-- 顶部店铺和状态 -->
             <view class="card-header">
                 <view class="shop-info">
@@ -37,9 +37,8 @@
                             </view>
                         </view>
 
-                        <view class="goods-tags"
-                            v-if="goods.tags && goods.tags.length && item.statusType !== 'refunding'">
-                            <text class="tag" v-for="(tag, tIdx) in goods.tags" :key="tIdx">{{ tag }}</text>
+                        <view class="goods-tags" v-if="goods.tags && item.statusType !== 'refunding'">
+                            <text class="tag">{{ goods.tags }}</text>
                         </view>
                         <!-- 单个商品的售后状态 -->
                         <view class="goods-evaluation" v-if="item.statusType == 'success'">
@@ -83,7 +82,8 @@
                     :src="`/static/image/shopping/taobao/${item.isSignFor ? 'yiqianshou' : 'yunshuzhong'}.png`">
                 </image>
                 <text class="title">{{ item.isSignFor ? '已签收' : '运输中' }}</text>
-                <text class="text">{{ item.statusDesc }}</text>
+                <text class="text flex-1">{{ item.statusDesc2 || item.statusDesc1 }}</text>
+                <uni-icons v-if="item.statusDesc2" type="right" size="14" color="#7B7E8C"></uni-icons>
             </view>
 
             <view v-else-if="item.statusType == 'refunding'" class="tips-box yunshuzhong">
@@ -129,7 +129,7 @@ const props = defineProps({
     }
 });
 
-const emit = defineEmits(['action', 'detail']);
+const emit = defineEmits(['action', 'detail', 'click-item']);
 
 
 const instance = getCurrentInstance();
@@ -264,6 +264,10 @@ const getButtons = (status) => {
     return map[status] || [];
 };
 
+const clickItem = (item) => {
+    emit('click-item', item);
+}
+
 const getTotalCount = (goodsList) => {
     if (!goodsList || !goodsList.length) return 0;
     return goodsList.reduce((sum, item) => sum + (Number(item.count) || 1), 0);
@@ -483,13 +487,16 @@ const goToDetail = (item) => {
         align-items: center;
 
         .title {
+            flex-shrink: 0;
             color: #1A1A1A;
             margin-left: 8rpx;
             margin-right: 20rpx;
             font-weight: 500;
+            white-space: nowrap;
         }
 
         .tip-icon {
+            flex-shrink: 0;
             width: 30rpx;
             height: 30rpx;
             margin-right: 12rpx;
@@ -498,6 +505,9 @@ const goToDetail = (item) => {
         .text {
             font-size: 26rpx;
             color: #7C8495;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
         }
 
         &.daifukuan {
diff --git a/pages/shopping/taobao/json/order.json b/pages/shopping/taobao/json/order.json
index ab8246c..30387e8 100644
--- a/pages/shopping/taobao/json/order.json
+++ b/pages/shopping/taobao/json/order.json
@@ -3,61 +3,877 @@
     "shoppingType": [
         {
             "label": "待付款",
-            "key": "daifukuan"
+            "key": "wait_pay"
         },
         {
             "label": "待发货",
-            "key": "daifahuo"
+            "key": "wait_send"
         },
         {
             "label": "待收货",
-            "key": "daishouhuo"
+            "key": "wait_recv"
         },
         {
             "label": "退款/售后",
-            "key": "tuikuanshouhou"
+            "key": "refunding"
         },
         {
             "label": "评价",
-            "key": "pingjia"
+            "key": "success"
         },
         {
             "label": "已取消",
-            "key": "yiquxiao"
+            "key": "closed"
         }
     ],
     //购物类型字段分类
     "shoppingClassfiy": {
-        "daifukuan": {
-            "status": "待付款",
-            "statusDesc": "卖家未发货",
-            "shopName": "细条条",
-            "shopType": "taobao", //淘宝-taobao，天猫-tianmao，百补-baiyibutie
-            "totalPrice": "",
-            "carriage": "0.00",
-            "products": [
+        "wait_pay": {
+            "id": "",
+            "orderType": "shopping",
+            "shopName": "路易威登京东官方旗舰店",
+            "statusType": "wait_pay",
+            "shopType": "taobao",
+            "statusDesc": "",
+            "address": "上海市浦东新区汤臣一品",
+            "userName": "张三",
+            "phone": "13812345678",
+            "totalPrice": "23979.25",
+            "platformDiscount": "",
+            "storeDiscount": "",
+            "points": "",
+            "coupons": "",
+            "goodsList": [
                 {
-                    "image": "",
-                    "title": "",
-                    "desc": "",
-                    "service": "",
-                    "price": "",
-                    "count": "",
-                    "stuta": {
-                        "value": "买家已付款", //待付款-买家已付款，待发货-卖家已发货，待收货-交易完成,退款
-                        "key": "daifukuan",
-                        "desc": "申请退款"
-                    }
+                    "image": "/static/image/shopping/jingdong/product/shopping/lv.png",
+                    "title": "【官方正品】路易威登 经典老花手提包",
+                    "specs": "经典老花；手提包",
+                    "price": "23979.25",
+                    "oriPrice": "23979.25",
+                    "count": 1,
+                    "tags": "七天无理由退换"
                 }
             ],
+            "orderId": "",
             "orderInfo": [
                 {
-                    "label": "订单编号",
-                    "key": "orderNumber",
+                    "label": "创建时间",
+                    "key": "createTime",
                     "value": "",
+                    "type": "time"
+                },
+                {
+                    "label": "支付宝交易号",
+                    "key": "alipayTransactionNum",
+                    "value": "",
+                    "type": "number"
+                },
+                {
+                    "label": "天猫积分",
+                    "key": "tianmaoIntegral",
+                    "value": "获得19点积分",
+                    "type": "text"
+                },
+                {
+                    "label": "交易快照",
+                    "key": "transactionSnapshot",
+                    "value": "发生交易争执时，可作为判断依据",
+                    "type": "text"
+                }
+            ],
+            "statusDesc1": "承诺48小时内发货",
+            "statusDesc2": "预计明天发货",
+            "payCountdown": "11:48:50"
+        },
+        "wait_send": {
+            "id": "",
+            "orderType": "shopping",
+            "shopType": "tianmao",
+            "shopName": "天猫超市-五粮液自营店",
+            "statusType": "wait_send",
+            "statusDesc": "预计明天送达",
+            "address": "上海市浦东新区汤臣一品",
+            "userName": "张三",
+            "phone": "13812345678",
+            "totalPrice": "",
+            "platformDiscount": "",
+            "storeDiscount": "",
+            "points": "",
+            "coupons": "",
+            "goodsList": [
+                {
+                    "image": "/static/image/shopping/jingdong/product/shopping/wuliangye.png",
+                    "title": "五粮液 普五 第八代 浓香型白酒 52度 500ml*2瓶",
+                    "specs": "500ml*2礼盒装；浓香型",
+                    "price": "",
+                    "oriPrice": "",
+                    "count": 1,
+                    "tags": "正品保障 七天无理由退货"
+                }
+            ],
+            "orderId": "",
+            "orderInfo": [
+                {
+                    "label": "付款时间",
+                    "key": "paymentTime",
+                    "value": "",
+                    "type": "time"
+                },
+                {
+                    "label": "创建时间",
+                    "key": "createTime",
+                    "value": "",
+                    "type": "time"
+                },
+                {
+                    "label": "支付宝交易号",
+                    "key": "alipayTransactionNum",
+                    "value": "",
+                    "type": "number"
+                },
+                {
+                    "label": "交易快照",
+                    "key": "transactionSnapshot",
+                    "value": "发生交易争执时，可作为判断依据",
+                    "type": "text"
+                },
+                {
+                    "label": "支付方式",
+                    "key": "paymentMethod",
+                    "value": "支付宝支付",
+                    "type": "text"
+                }
+            ],
+            "statusDesc1": "承诺48小时内发货",
+            "statusDesc2": "预计明天发货"
+        },
+        "wait_recv": {
+            "id": "",
+            "orderType": "shopping",
+            "shopName": "Apple 官方旗舰店",
+            "statusType": "wait_recv",
+            "address": "上海市浦东新区汤臣一品",
+            "userName": "张三",
+            "phone": "13812345678",
+            "isSignFor": true,
+            "shopType": "taobao",
+            "goodsList": [
+                {
+                    "image": "/static/image/shopping/jingdong/product/shopping/iphone.png",
+                    "title": "Apple iPhone 17 Pro Max",
+                    "specs": "Apple/苹果 iPhone 17 Pro Max 1TB 星宇橙色",
+                    "price": "10999.00",
+                    "oriPrice": "12999.00",
+                    "count": 1,
+                    "tags": "免费上门退换  七天无理由退货"
+                }
+            ],
+            "totalPrice": "10999.00",
+            "platformDiscount": "200.00",
+            "orderId": "2026031121001039760581201016",
+            "orderInfo": [
+                {
+                    "label": "发货时间",
+                    "key": "deliveryTime",
+                    "value": "2026-03-11 09:48:05",
+                    "type": "time"
+                },
+                {
+                    "label": "付款时间",
+                    "key": "paymentTime",
+                    "value": "2026-03-11 09:48:05",
+                    "type": "time"
+                },
+                {
+                    "label": "创建时间",
+                    "key": "createTime",
+                    "value": "2026-03-11 09:48:05",
+                    "type": "time"
+                },
+                {
+                    "label": "支付宝交易号",
+                    "key": "alipayTransactionNum",
+                    "value": "2026031121001039760581201016",
+                    "type": "number"
+                },
+                {
+                    "label": "交易快照",
+                    "key": "transactionSnapshot",
+                    "value": "发生交易争执时，可作为判断依据",
+                    "type": "text"
+                },
+                {
+                    "label": "支付方式",
+                    "key": "paymentMethod",
+                    "value": "支付宝支付",
+                    "type": "text"
+                }
+            ],
+            "statusDesc1": "已签收",
+            "statusDesc2": "【上海市】 您已在上海市浦东新区汤臣一品完成取件",
+            "confirmReceiptCountdown": "9天7小时"
+        },
+        "success": {
+            "id": "202605110005",
+            "orderType": "shopping",
+            "shopName": "三只松鼠旗舰店",
+            "statusType": "success",
+            "shopType": "taobao",
+            "address": "上海市浦东新区汤臣一品",
+            "userName": "张三",
+            "phone": "13812345678",
+            "goodsList": [
+                {
+                    "image": "",
+                    "title": "三只松鼠 坚果大礼包 每日坚果 送礼佳品 1498g",
+                    "specs": "颜色分类: 坚果礼盒1498g",
+                    "price": "128.00",
+                    "oriPrice": "158.00",
+                    "count": 2,
+                    "tags": "正品保障"
+                }
+            ],
+            "totalPrice": "266.00",
+            "platformDiscount": "30.00",
+            "storeDiscount": "20.00",
+            "points": "10.00",
+            "coupons": "5.00",
+            "orderId": "2026031121001039760581201016",
+            "orderInfo": [
+                {
+                    "label": "成交时间",
+                    "key": "deliveryTime",
+                    "value": "2026-03-11 09:48:05",
+                    "type": "time"
+                },
+                {
+                    "label": "发货时间",
+                    "key": "deliveryTime",
+                    "value": "2026-03-11 09:48:05",
+                    "type": "time"
+                },
+                {
+                    "label": "付款时间",
+                    "key": "paymentTime",
+                    "value": "2026-03-11 09:48:05",
+                    "type": "time"
+                },
+                {
+                    "label": "创建时间",
+                    "key": "createTime",
+                    "value": "2026-03-11 09:48:05",
+                    "type": "time"
+                },
+                {
+                    "label": "支付宝交易号",
+                    "key": "alipayTransactionNum",
+                    "value": "2026031121001039760581201016",
+                    "type": "number"
+                },
+                {
+                    "label": "交易快照",
+                    "key": "transactionSnapshot",
+                    "value": "发生交易争执时，可作为判断依据",
+                    "type": "text"
+                },
+                {
+                    "label": "收货信息",
+                    "key": "shippingInfo",
+                    "value": "",
+                    "type": "address"
+                },
+                {
+                    "label": "支付方式",
+                    "key": "paymentMethod",
+                    "value": "支付宝支付",
+                    "type": "text"
+                }
+            ]
+        },
+        "closed": {
+            "id": "202605110006",
+            "orderType": "shopping",
+            "shopName": "Apple Store 官方旗舰店",
+            "statusType": "closed",
+            "shopType": "tianmao",
+            "address": "上海市浦东新区汤臣一品",
+            "userName": "张三",
+            "phone": "13812345678",
+            "goodsList": [
+                {
+                    "image": "",
+                    "title": "Apple iPhone 15 Pro (A3104) 256GB 原色钛金属 5G手机",
+                    "specs": "颜色分类: 原色钛金属; 内存容量: 256GB",
+                    "price": "8999.00",
+                    "oriPrice": "9999.00",
+                    "count": 1,
+                    "tags": "正品保障"
+                }
+            ],
+            "totalPrice": "8999.00",
+            "platformDiscount": "1000.00",
+            "orderId": "2026031121001039760581201016",
+            "orderInfo": [
+                {
+                    "label": "成交时间",
+                    "key": "deliveryTime",
+                    "value": "2026-03-11 09:48:05",
+                    "type": "time"
+                },
+                {
+                    "label": "创建时间",
+                    "key": "createTime",
+                    "value": "2026-03-11 09:48:05",
+                    "type": "time"
+                },
+                {
+                    "label": "支付宝交易号",
+                    "key": "alipayTransactionNum",
+                    "value": "2026031121001039760581201016",
+                    "type": "number"
+                },
+                {
+                    "label": "交易快照",
+                    "key": "transactionSnapshot",
+                    "value": "发生交易争执时，可作为判断依据",
+                    "type": "text"
+                },
+                {
+                    "label": "收货信息",
+                    "key": "shippingInfo",
+                    "value": "",
+                    "type": "address"
+                }
+            ]
+        },
+        "refunding": {
+            "id": "202605110007",
+            "orderType": "shopping",
+            "shopName": "优衣库官方旗舰店",
+            "statusType": "refunding",
+            "statusDesc": "平台支持退款",
+            "shopType": "taobao",
+            "refundMoney": "199.00",
+            "goodsList": [
+                {
+                    "image": "",
+                    "title": "UNIQLO 优衣库 男装/女装 摇粒绒拉链运动开衫(长袖) 463351",
+                    "specs": "颜色分类: 藏青色; 尺码: L",
+                    "price": "199.00",
+                    "count": 1,
+                    "tags": "正品保障",
+                    "refundStatus": "退款成功"
+                }
+            ],
+            "totalPrice": "199.00",
+            "orderId": "2026031121001039760581201016",
+            "orderInfo": [
+                {
+                    "label": "退款原因",
+                    "key": "refundReason",
+                    "value": "不需要了",
+                    "type": "text"
+                },
+                {
+                    "label": "退款金额",
+                    "key": "refunMoney",
+                    "value": "199.00",
+                    "type": "money"
+                },
+                {
+                    "label": "退款完结",
+                    "key": "refunTime",
+                    "value": "2026-3-11 10:48",
+                    "type": "date"
+                },
+                {
+                    "label": "申请时间",
+                    "key": "applyTime",
+                    "value": "2026-3-11 10:48",
+                    "type": "date"
+                },
+                {
+                    "label": "退款编号",
+                    "key": "refundId",
+                    "value": "2026031121001039760581201016",
                     "type": "number"
                 }
             ]
         }
-    }
+    },
+    "defualtData": [
+        {
+            "id": "202605110001",
+            "orderType": "shopping",
+            "shopName": "路易威登京东官方旗舰店",
+            "statusType": "wait_pay",
+            "shopType": "taobao",
+            "statusDesc": "",
+            "address": "上海市浦东新区汤臣一品",
+            "userName": "张三",
+            "phone": "13812345678",
+            "totalPrice": "23979.25",
+            "platformDiscount": "150.00",
+            "storeDiscount": "200.00",
+            "points": "1.00",
+            "coupons": "1.00",
+            "goodsList": [
+                {
+                    "image": "/static/image/shopping/jingdong/product/shopping/lv.png",
+                    "title": "【官方正品】路易威登 经典老花手提包",
+                    "specs": "经典老花；手提包",
+                    "price": "23979.25",
+                    "oriPrice": "23979.25",
+                    "count": 1,
+                    "tags": "七天无理由退换"
+                }
+            ],
+            "orderId": "2026031121001039760581201016",
+            "orderInfo": [
+                {
+                    "label": "创建时间",
+                    "key": "createTime",
+                    "value": "2026-03-11 09:48:05",
+                    "type": "time"
+                },
+                {
+                    "label": "支付宝交易号",
+                    "key": "alipayTransactionNum",
+                    "value": "2026031121001039760581201016"
+                },
+                {
+                    "label": "天猫积分",
+                    "key": "tianmaoIntegral",
+                    "value": "获得19点积分"
+                },
+                {
+                    "label": "交易快照",
+                    "key": "transactionSnapshot",
+                    "value": "发生交易争执时，可作为判断依据"
+                }
+            ],
+            "statusDesc1": "承诺48小时内发货",
+            "statusDesc2": "预计明天发货",
+            "payCountdown": "11:48:50"
+        },
+        {
+            "id": "202605110002",
+            "orderType": "shopping",
+            "shopType": "tianmao",
+            "shopName": "天猫超市-五粮液自营店",
+            "statusType": "wait_send",
+            "statusDesc": "预计明天送达",
+            "address": "上海市浦东新区汤臣一品",
+            "userName": "张三",
+            "phone": "13812345678",
+            "totalPrice": "2198.00",
+            "platformDiscount": "50.00",
+            "storeDiscount": "50.00",
+            "points": "1.00",
+            "coupons": "1.00",
+            "goodsList": [
+                {
+                    "image": "/static/image/shopping/jingdong/product/shopping/wuliangye.png",
+                    "title": "五粮液 普五 第八代 浓香型白酒 52度 500ml*2瓶",
+                    "specs": "500ml*2礼盒装；浓香型",
+                    "price": "1099.00",
+                    "count": 2,
+                    "tags": "正品保障 七天无理由退货"
+                }
+            ],
+            "orderId": "2026031121001039760581201016",
+            "orderInfo": [
+                {
+                    "label": "付款时间",
+                    "key": "paymentTime",
+                    "value": "2026-03-11 09:48:05",
+                    "type": "time"
+                },
+                {
+                    "label": "创建时间",
+                    "key": "createTime",
+                    "value": "2026-03-11 09:48:05",
+                    "type": "time"
+                },
+                {
+                    "label": "支付宝交易号",
+                    "key": "alipayTransactionNum",
+                    "value": "2026031121001039760581201016"
+                },
+                {
+                    "label": "交易快照",
+                    "key": "transactionSnapshot",
+                    "value": "发生交易争执时，可作为判断依据"
+                },
+                {
+                    "label": "支付方式",
+                    "key": "paymentMethod",
+                    "value": "支付宝支付"
+                }
+            ],
+            "statusDesc1": "承诺48小时内发货",
+            "statusDesc2": "预计明天发货"
+        },
+        {
+            "id": "202605110003",
+            "orderType": "shopping",
+            "shopName": "Apple 官方旗舰店",
+            "statusType": "wait_recv",
+            "address": "上海市浦东新区汤臣一品",
+            "userName": "张三",
+            "phone": "13812345678",
+            "isSignFor": true,
+            "shopType": "taobao",
+            "goodsList": [
+                {
+                    "image": "/static/image/shopping/jingdong/product/shopping/iphone.png",
+                    "title": "Apple iPhone 17 Pro Max",
+                    "specs": "Apple/苹果 iPhone 17 Pro Max 1TB 星宇橙色",
+                    "price": "10999.00",
+                    "oriPrice": "12999.00",
+                    "count": 1,
+                    "tags": "免费上门退换  七天无理由退货"
+                }
+            ],
+            "totalPrice": "10999.00",
+            "platformDiscount": "200.00",
+            "orderId": "2026031121001039760581201016",
+            "orderInfo": [
+                {
+                    "label": "发货时间",
+                    "key": "deliveryTime",
+                    "value": "2026-03-11 09:48:05",
+                    "type": "time"
+                },
+                {
+                    "label": "付款时间",
+                    "key": "paymentTime",
+                    "value": "2026-03-11 09:48:05",
+                    "type": "time"
+                },
+                {
+                    "label": "创建时间",
+                    "key": "createTime",
+                    "value": "2026-03-11 09:48:05",
+                    "type": "time"
+                },
+                {
+                    "label": "支付宝交易号",
+                    "key": "alipayTransactionNum",
+                    "value": "2026031121001039760581201016"
+                },
+                {
+                    "label": "交易快照",
+                    "key": "transactionSnapshot",
+                    "value": "发生交易争执时，可作为判断依据"
+                },
+                {
+                    "label": "支付方式",
+                    "key": "paymentMethod",
+                    "value": "支付宝支付"
+                }
+            ],
+            "statusDesc1": "已签收",
+            "statusDesc2": "【上海市】 您已在上海市浦东新区汤臣一品完成取件",
+            "confirmReceiptCountdown": "9天7小时"
+        },
+        {
+            "id": "202605110008",
+            "orderType": "shopping",
+            "shopName": "Apple 官方旗舰店",
+            "statusType": "wait_recv",
+            "address": "上海市浦东新区汤臣一品",
+            "userName": "张三",
+            "phone": "13812345678",
+            "isSignFor": false,
+            "shopType": "taobao",
+            "goodsList": [
+                {
+                    "image": "/static/image/shopping/jingdong/product/shopping/iphone.png",
+                    "title": "Apple iPhone 17 Pro Max",
+                    "specs": "Apple/苹果 iPhone 17 Pro Max 1TB 星宇橙色",
+                    "price": "10999.00",
+                    "oriPrice": "12999.00",
+                    "count": 1,
+                    "tags": "免费上门退换  七天无理由退货"
+                }
+            ],
+            "totalPrice": "10999.00",
+            "platformDiscount": "200.00",
+            "orderId": "2026031121001039760581201016",
+            "orderInfo": [
+                {
+                    "label": "发货时间",
+                    "key": "deliveryTime",
+                    "value": "2026-03-11 09:48:05",
+                    "type": "time"
+                },
+                {
+                    "label": "付款时间",
+                    "key": "paymentTime",
+                    "value": "2026-03-11 09:48:05",
+                    "type": "time"
+                },
+                {
+                    "label": "创建时间",
+                    "key": "createTime",
+                    "value": "2026-03-11 09:48:05",
+                    "type": "time"
+                },
+                {
+                    "label": "支付宝交易号",
+                    "key": "alipayTransactionNum",
+                    "value": "2026031121001039760581201016"
+                },
+                {
+                    "label": "交易快照",
+                    "key": "transactionSnapshot",
+                    "value": "发生交易争执时，可作为判断依据"
+                },
+                {
+                    "label": "支付方式",
+                    "key": "paymentMethod",
+                    "value": "支付宝支付"
+                }
+            ],
+            "statusDesc1": "预计明天送达",
+            "statusDesc2": "【上海市】 快件已发往 上海转运中心，下一站浦东新区"
+        },
+        {
+            "id": "202605110005",
+            "orderType": "shopping",
+            "shopName": "三只松鼠旗舰店",
+            "statusType": "success",
+            "shopType": "taobao",
+            "address": "上海市浦东新区汤臣一品",
+            "userName": "张三",
+            "phone": "13812345678",
+            "goodsList": [
+                {
+                    "image": "",
+                    "title": "三只松鼠 坚果大礼包 每日坚果 送礼佳品 1498g",
+                    "specs": "颜色分类: 坚果礼盒1498g",
+                    "price": "128.00",
+                    "oriPrice": "158.00",
+                    "count": 2,
+                    "tags": "正品保障"
+                }
+            ],
+            "totalPrice": "266.00",
+            "platformDiscount": "30.00",
+            "storeDiscount": "20.00",
+            "points": "10.00",
+            "coupons": "5.00",
+            "orderId": "2026031121001039760581201016",
+            "orderInfo": [
+                {
+                    "label": "成交时间",
+                    "key": "deliveryTime",
+                    "value": "2026-03-11 09:48:05",
+                    "type": "time"
+                },
+                {
+                    "label": "发货时间",
+                    "key": "deliveryTime",
+                    "value": "2026-03-11 09:48:05",
+                    "type": "time"
+                },
+                {
+                    "label": "付款时间",
+                    "key": "paymentTime",
+                    "value": "2026-03-11 09:48:05",
+                    "type": "time"
+                },
+                {
+                    "label": "创建时间",
+                    "key": "createTime",
+                    "value": "2026-03-11 09:48:05",
+                    "type": "time"
+                },
+                {
+                    "label": "支付宝交易号",
+                    "key": "alipayTransactionNum",
+                    "value": "2026031121001039760581201016"
+                },
+                {
+                    "label": "交易快照",
+                    "key": "transactionSnapshot",
+                    "value": "发生交易争执时，可作为判断依据"
+                },
+                {
+                    "label": "收货信息",
+                    "key": "shippingInfo",
+                    "value": ""
+                },
+                {
+                    "label": "支付方式",
+                    "key": "paymentMethod",
+                    "value": "支付宝支付"
+                }
+            ]
+        },
+        {
+            "id": "202605110006",
+            "orderType": "shopping",
+            "shopName": "Apple Store 官方旗舰店",
+            "statusType": "closed",
+            "shopType": "tianmao",
+            "address": "上海市浦东新区汤臣一品",
+            "userName": "张三",
+            "phone": "13812345678",
+            "goodsList": [
+                {
+                    "image": "",
+                    "title": "Apple iPhone 15 Pro (A3104) 256GB 原色钛金属 5G手机",
+                    "specs": "颜色分类: 原色钛金属; 内存容量: 256GB",
+                    "price": "8999.00",
+                    "oriPrice": "9999.00",
+                    "count": 1,
+                    "tags": "正品保障"
+                }
+            ],
+            "totalPrice": "8999.00",
+            "platformDiscount": "1000.00",
+            "orderId": "2026031121001039760581201016",
+            "orderInfo": [
+                {
+                    "label": "成交时间",
+                    "key": "deliveryTime",
+                    "value": "2026-03-11 09:48:05",
+                    "type": "time"
+                },
+                {
+                    "label": "创建时间",
+                    "key": "createTime",
+                    "value": "2026-03-11 09:48:05",
+                    "type": "time"
+                },
+                {
+                    "label": "支付宝交易号",
+                    "key": "alipayTransactionNum",
+                    "value": "2026031121001039760581201016"
+                },
+                {
+                    "label": "交易快照",
+                    "key": "transactionSnapshot",
+                    "value": "发生交易争执时，可作为判断依据"
+                },
+                {
+                    "label": "收货信息",
+                    "key": "shippingInfo",
+                    "value": ""
+                }
+            ]
+        },
+        {
+            "id": "202605110007",
+            "orderType": "shopping",
+            "shopName": "优衣库官方旗舰店",
+            "statusType": "refunding",
+            "statusDesc": "平台支持退款",
+            "shopType": "taobao",
+            "refundMoney": "199.00",
+            "goodsList": [
+                {
+                    "image": "",
+                    "title": "UNIQLO 优衣库 男装/女装 摇粒绒拉链运动开衫(长袖) 463351",
+                    "specs": "颜色分类: 藏青色; 尺码: L",
+                    "price": "199.00",
+                    "count": 1,
+                    "tags": "正品保障",
+                    "refundStatus": "退款成功"
+                }
+            ],
+            "totalPrice": "199.00",
+            "orderId": "2026031121001039760581201016",
+            "orderInfo": [
+                {
+                    "label": "退款原因",
+                    "key": "refundReason",
+                    "value": "不需要了",
+                    "type": "text"
+                },
+                {
+                    "label": "退款金额",
+                    "key": "refunMoney",
+                    "value": "199.00",
+                    "type": "money"
+                },
+                {
+                    "label": "退款完结",
+                    "key": "refunTime",
+                    "value": "2026-3-11 10:48",
+                    "type": "date"
+                },
+                {
+                    "label": "申请时间",
+                    "key": "applyTime",
+                    "value": "2026-3-11 10:48",
+                    "type": "date"
+                },
+                {
+                    "label": "退款编号",
+                    "key": "refundId",
+                    "value": "2026031121001039760581201016"
+                }
+            ]
+        },
+        // {
+        //     "id": "202605110008",
+        //     "orderType": "waimai",
+        //     "shopName": "美团外卖-麦当劳",
+        //     "statusType": "success",
+        //     "statusDesc": "订单已完成",
+        //     "shopType": "taobao",
+        //     "goodsList": [
+        //         {
+        //             "image": "",
+        //             "title": "麦辣鸡腿堡套餐",
+        //             "specs": "默认",
+        //             "price": "32.00",
+        //             "count": 1,
+        //             "tags": "正品保障"
+        //         }
+        //     ],
+        //     "totalPrice": "32.00"
+        // },
+        // {
+        //     "id": "202605110009",
+        //     "orderType": "waimai",
+        //     "shopName": "饿了么-星巴克",
+        //     "statusType": "wait_send",
+        //     "statusDesc": "商家准备中",
+        //     "shopType": "taobao",
+        //     "goodsList": [
+        //         {
+        //             "image": "",
+        //             "title": "拿铁咖啡",
+        //             "specs": "大杯 / 热",
+        //             "price": "28.00",
+        //             "count": 1,
+        //             "tags": "正品保障"
+        //         }
+        //     ],
+        //     "totalPrice": "28.00"
+        // },
+        // {
+        //     "id": "202605110010",
+        //     "orderType": "waimai",
+        //     "shopName": "淘鲜达-盒马鲜生",
+        //     "statusType": "success",
+        //     "statusDesc": "订单已完成",
+        //     "shopType": "taobao",
+        //     "goodsList": [
+        //         {
+        //             "image": "",
+        //             "title": "进口智利车厘子 500g",
+        //             "specs": "JJ级",
+        //             "price": "59.00",
+        //             "count": 1,
+        //             "tags": "一小时送达"
+        //         }
+        //     ],
+        //     "totalPrice": "59.00"
+        // }
+    ]
 }
\ No newline at end of file
diff --git a/pages/shopping/taobao/list-index.vue b/pages/shopping/taobao/list-index.vue
index ab74eaf..f33976e 100644
--- a/pages/shopping/taobao/list-index.vue
+++ b/pages/shopping/taobao/list-index.vue
@@ -12,7 +12,7 @@
 						<image class="search-icon" src="/static/image/shopping/jingdong/search-icon.png"
 							mode="aspectFit">
 						</image>
-						<input class="input" type="text" placeholder="搜索我的订单" />
+						<input class="input" type="text" placeholder="搜索我的订单" :disabled="true" />
 					</view>
 				</template>
 				<template v-slot:right>
@@ -75,7 +75,7 @@
 					<uni-icons type="right" size="14" color="#5E6367"></uni-icons>
 				</view>
 			</view>
-			<listCard :list="displayList" />
+			<listCard :list="displayList" @click-item="goDetail" />
 		</scroll-view>
 
 	</view>
@@ -95,190 +95,32 @@ import { ref, computed, onMounted, getCurrentInstance } from 'vue';
 import { onShow } from '@dcloudio/uni-app';
 import { util } from '@/utils/common.js';
 import listCard from './components/list-card/list-card.vue';
+import { defualtData } from './json/order.json'
 
-const mockList = ref([
+const mockList = ref(defualtData);
+
+//导航栏菜单按钮
+const buttonGroup = [
 	{
-		orderType: "shopping",
-		shopName: '淘宝心选官方旗舰店',
-		statusType: 'wait_pay',
-		shopType: 'taobao',
-		statusDesc: '',
-		goodsList: [
-			{
-				image: '',
-				title: '【官方正品】全棉时代纯棉柔巾洗脸巾抽纸加厚擦脸巾100抽*6包',
-				specs: '颜色分类: 100抽*6包',
-				price: '69.00',
-				count: 1,
-				tags: ['七天无理由退换']
-			}
-		],
-		totalPrice: '69.00'
+		name: "新增购物订单",
+		click: () => {
+			uni.navigateTo({
+				url: '/pages/shopping/taobao/add-order/add-order'
+			});
+		}
+	}, {
+		name: "新增闪购订单",
+		click: () => {
+			uni.showToast({
+				title: '开发中，敬请期待',
+				icon: 'none'
+			});
+			// uni.navigateTo({
+			// 	url: '/pages/shopping/jingdong/add-waimai/add-waimai'
+			// });
+		}
 	},
-	{
-		orderType: "shopping",
-		shopName: '小米官方旗舰店',
-		statusType: 'wait_send',
-		statusDesc: '预计明天送达',
-		shopType: 'taobao',
-		goodsList: [
-			{
-				image: '',
-				title: 'Xiaomi/小米 14 徕卡光学镜头 骁龙8Gen3 澎湃OS 小米手机',
-				specs: '颜色分类: 黑色; 内存容量: 16GB+512GB',
-				price: '4599.00',
-				count: 1,
-				tags: ['正品保障', '顺丰包邮']
-			}
-		],
-		totalPrice: '4599.00'
-	},
-	{
-		orderType: "shopping",
-		shopName: 'NIKE官方旗舰店',
-		statusType: 'wait_recv',
-		statusDesc: '您已在重庆九龙坡区哈哈哈完成取件，...',
-		isSignFor: true,
-		shopType: 'taobao',
-		goodsList: [
-			{
-				image: '',
-				title: 'Nike耐克官方AIR FORCE 1 07空军一号男鞋板鞋运动鞋CW2288',
-				specs: '颜色分类: 纯白; 尺码: 42.5',
-				price: '749.00',
-				count: 1,
-				tags: ['假一赔四']
-			}
-		],
-		totalPrice: '749.00'
-	},
-	{
-		orderType: "shopping",
-		shopName: 'NIKE官方旗舰店',
-		statusType: 'wait_recv',
-		isSignFor: false,
-		statusDesc: "平台支持退货",
-		shopType: 'taobao',
-		goodsList: [
-			{
-				image: '',
-				title: 'Nike耐克官方AIR FORCE 1 07空军一号男鞋板鞋运动鞋CW2288',
-				specs: '颜色分类: 纯白; 尺码: 42.5',
-				price: '749.00',
-				count: 1,
-				tags: ['假一赔四']
-			}
-		],
-		totalPrice: '749.00'
-	},
-	{
-		orderType: "shopping",
-		shopName: '三只松鼠旗舰店',
-		statusType: 'success',
-		shopType: 'taobao',
-		goodsList: [
-			{
-				image: '',
-				title: '三只松鼠 坚果大礼包 每日坚果 送礼佳品 1498g',
-				specs: '颜色分类: 坚果礼盒1498g',
-				price: '128.00',
-				count: 2,
-				tags: ['过敏包退']
-			}
-		],
-		totalPrice: '256.00'
-	},
-	{
-		orderType: "shopping",
-		shopName: 'Apple Store 官方旗舰店',
-		statusType: 'closed',
-		shopType: 'tianmao',
-		goodsList: [
-			{
-				image: '',
-				title: 'Apple iPhone 15 Pro (A3104) 256GB 原色钛金属 5G手机',
-				specs: '颜色分类: 原色钛金属; 内存容量: 256GB',
-				price: '8999.00',
-				count: 1,
-				tags: []
-			}
-		],
-		totalPrice: '8999.00'
-	},
-	{
-		orderType: "shopping",
-		shopName: '优衣库官方旗舰店',
-		statusType: 'refunding',
-		statusDesc: '平台支持退款',
-		shopType: 'taobao',
-		goodsList: [
-			{
-				image: '',
-				title: 'UNIQLO 优衣库 男装/女装 摇粒绒拉链运动开衫(长袖) 463351',
-				specs: '颜色分类: 藏青色; 尺码: L',
-				price: '199.00',
-				count: 1,
-				tags: ['极速退款'],
-				refundStatus: '退款成功'
-			}
-		],
-		totalPrice: '199.00'
-	},
-	{
-		orderType: "waimai",
-		shopName: '美团外卖-麦当劳',
-		statusType: 'success',
-		statusDesc: '订单已完成',
-		shopType: 'taobao',
-		goodsList: [
-			{
-				image: '',
-				title: '麦辣鸡腿堡套餐',
-				specs: '默认',
-				price: '32.00',
-				count: 1,
-				tags: []
-			}
-		],
-		totalPrice: '32.00'
-	},
-	{
-		orderType: "waimai",
-		shopName: '饿了么-星巴克',
-		statusType: 'wait_send',
-		statusDesc: '商家准备中',
-		shopType: 'taobao',
-		goodsList: [
-			{
-				image: '',
-				title: '拿铁咖啡',
-				specs: '大杯 / 热',
-				price: '28.00',
-				count: 1,
-				tags: []
-			}
-		],
-		totalPrice: '28.00'
-	},
-	{
-		orderType: "waimai",
-		shopName: '淘鲜达-盒马鲜生',
-		statusType: 'success',
-		statusDesc: '订单已完成',
-		shopType: 'taobao',
-		goodsList: [
-			{
-				image: '',
-				title: '进口智利车厘子 500g',
-				specs: 'JJ级',
-				price: '59.00',
-				count: 1,
-				tags: ['一小时送达']
-			}
-		],
-		totalPrice: '59.00'
-	}
-]);
+]
 
 const displayList = computed(() => {
 	let list = mockList.value;
@@ -383,6 +225,10 @@ const switchFilter = (index) => {
 	}
 };
 
+const goDetail = (item) => {
+	util.goPage(`/pages/shopping/taobao/shopping-order-detail/shopping-order-detail?id=${item.id}`)
+}
+
 
 </script>
 
diff --git a/pages/shopping/taobao/shopping-order-detail/shopping-order-detail.vue b/pages/shopping/taobao/shopping-order-detail/shopping-order-detail.vue
new file mode 100644
index 0000000..bcdbbd3
--- /dev/null
+++ b/pages/shopping/taobao/shopping-order-detail/shopping-order-detail.vue
@@ -0,0 +1,1207 @@
+<template>
+	<nav-bar title="订单详情" bgColor="#FFFFFF" isBack :buttonGroup="buttonGroup" @button-click="util.clickTitlePopupButton"
+		tipLayerType="taobao-shopping-order-detail-tip" isTipLayer tipLayerText="编辑订单信息">
+		<template v-slot:left>
+			<image @click="util.goBack" class="back-icon"
+				:src="`/static/image/shopping/taobao/detail/${order.statusType == 'refunding' ? 'refund-back' : 'back'}.png`"
+				mode="aspectFit"></image>
+		</template>
+		<template v-slot:center>
+			<view v-if="order.statusType == 'refunding'" class="refunding-title-box">
+				<image class="icon" src="/static/image/shopping/taobao/detail/refund/finish.png">
+				</image>
+				<text>商家处理</text>
+				<image class="next icon" style="width: 20rpx;height: 20rpx;"
+					src="/static/image/shopping/taobao/detail/refund/next.png">
+				</image>
+				<image class="icon" src="/static/image/shopping/taobao/detail/refund/finish.png">
+				</image>
+				<text>寄回商品</text>
+				<image class="icon next" style="width: 20rpx;height: 20rpx;"
+					src="/static/image/shopping/taobao/detail/refund/next.png">
+				</image>
+				<text>3退款结束</text>
+			</view>
+			<view v-else class="title-box">
+				<view class="title">{{ titleList[order.statusType] }}</view>
+				<view v-if="order.statusType == 'wait_recv' && order.isSignFor" class="desc">
+					还剩{{ order.confirmReceiptCountdown }}自动确认</view>
+			</view>
+		</template>
+		<template v-slot:right>
+			<view class="right-box">
+				<image class="icon" src="/static/image/shopping/taobao/detail/more.png" mode="aspectFit">
+				</image>
+			</view>
+		</template>
+	</nav-bar>
+
+	<view v-if="order.statusType != 'refunding'">
+		<view v-if="order.statusType == 'wait_recv'" class="card status-box">
+			<image style="width: 34rpx;height: 34rpx;flex-shrink: 0;margin-right: 8rpx;"
+				:src="`/static/image/shopping/taobao/detail/${order.statusType == 'wait_recv' && order.isSignFor ? 'yiqianshou' : 'yunshuzhong'}.png`"
+				mode="aspectFill"></image>
+			<text class="status-text">{{ order.statusType == 'wait_recv' && !order.isSignFor ? '运输中' : '已签收' }}</text>
+			<text class="status-desc flex-1" style="width: 100px;">{{ order.statusDesc2 }}</text>
+			<uni-icons type="right" size="12" color="#7C8495"></uni-icons>
+		</view>
+		<view v-if="order.statusType == 'closed' || order.statusType == 'success'" class="card status-box"
+			style="margin-bottom: 10rpx;">
+			<image style="width: 34rpx;height: 34rpx;flex-shrink: 0;"
+				src="/static/image/shopping/taobao/detail/location.png" mode="aspectFill"></image>
+			<text class="status-desc">{{ order.userName }}</text>
+			<text class="status-desc">86-{{ order.phone }}</text>
+			<text class="status-desc flex-1" style="width: 100px;">{{ order.address }}</text>
+			<uni-icons type="down" size="12" color="#7C8495"></uni-icons>
+		</view>
+		<view v-if="order.statusType != 'closed' && order.statusType != 'success'" class="address-box flex">
+			<image class="icon" src="/static/image/shopping/taobao/detail/location.png" mode="aspectFit"></image>
+			<view class="content flex-1">
+				<view class="up">{{ order.address }}</view>
+				<view class="down flex-align-center">{{ order.userName }} 86-{{ order.phone }}
+					<image style="height: 28rpx;margin-left: 12rpx;"
+						src="/static/image/shopping/taobao/detail/haomabaohuzhong.png" mode="heightFix">
+					</image>
+				</view>
+			</view>
+			<view class="edit-text">
+				<text>修改</text>
+				<uni-icons type="right" size="14" color="#FF7824"></uni-icons>
+			</view>
+		</view>
+		<view v-if="order.statusType != 'closed' && order.statusType != 'success'"
+			class="card status-desc flex-align-center">
+			<image style="width: 34rpx;height: 34rpx;margin-right: 8rpx;"
+				src="/static/image/shopping/taobao/detail/shandian.png"></image>
+			<text class="desc title" :class="{ 'flex-1': order.statusType != 'wait_pay' }">{{ order.statusDesc1
+			}}</text>
+			<template v-if="order.statusType == 'wait_pay'">
+				<text
+					style="margin: 0 14rpx;color: #D8D8D8;font-weight: 200;font-size: 24rpx;line-height: 24rpx;margin-top: -2px;">|</text>
+				<text class="desc">{{ order.statusDesc2 }}</text>
+			</template>
+			<uni-icons v-else type="right" size="12" color="#7C8495"></uni-icons>
+		</view>
+
+		<!-- 商品卡片 -->
+		<view class="card product-card">
+			<!-- 商店名称 -->
+			<view class="shop-name-box flex-align-center">
+				<image style="height: 28rpx;" :src="`/static/image/shopping/taobao/${order.shopType}.png`"
+					mode="heightFix">
+				</image>
+				<text class="shop-name">{{ order.shopName }}</text>
+				<uni-icons type="right" size="14" color="#8C8C8C"></uni-icons>
+			</view>
+			<!-- 商品信息 -->
+			<view class="goods-list flex-align-center" v-for="(item, index) in order.goodsList" :key="index">
+				<image class="goods-img" :src="item.image" mode="aspectFill"></image>
+				<view class="goods-info flex-1">
+					<view class="goods-title flex-justify-between flex-align-center">
+						<view class="title-box flex ">
+							<text class="title flex-1">{{ item.title }}</text>
+							<uni-icons class="uni-icon" type="down" size="12" color="#7C8495"></uni-icons>
+						</view>
+
+						<text class="price wx-font-medium flex-align-center"><text class="small">￥</text>{{
+							Number(item.price).toFixed(2).split('.')[0] }}.<text style="font-size: 26rpx;">{{
+								Number(item.price).toFixed(2).split('.')[1] }}</text>
+							<uni-icons style="margin-top: -4rpx;" type="right" size="12"
+								color="#7C8495"></uni-icons></text>
+					</view>
+					<view class="goods-specs flex-justify-between flex-align-center">
+						<view class="title-box flex ">
+							<text class="title flex-1">{{ item.specs }}</text>
+							<uni-icons class="uni-icon" type="down" size="12" color="#7C8495"></uni-icons>
+						</view>
+
+						<text
+							v-if="item.oriPrice && Number(item.oriPrice) > 0 && Number(item.oriPrice) > Number(item.price)"
+							class="price wx-font-medium flex-align-center"><text class="small">￥</text>{{
+								item.oriPrice }}</text>
+					</view>
+					<view class="inline-tag flex-justify-between flex-align-center">
+						<text class="desc flex-1">
+							{{ item.tags }}
+							<uni-icons type="right" size="12" color="#0AA957"></uni-icons>
+						</text>
+						<text>x{{ item?.count }}</text>
+					</view>
+				</view>
+			</view>
+
+			<view class="btn-box">
+				<view v-for="(btn, index) in btnList[order.statusType]" :key="index" class="btn"
+					:class="{ primary: btn.isPrimary }">{{
+						btn.name
+					}}
+				</view>
+			</view>
+			<view v-if="!isFoldProductCard" class="total-price-box flex-justify-between flex-align-center">
+				<view class="flex-align-center">
+					<text class="title">商品总价</text>
+					<text class="count">共{{ getGoodsTotalCount(order.goodsList) }}件</text>
+				</view>
+				<view class="price wx-font-medium">
+					<text style="font-size: 30rpx;">￥</text>
+					<text style="font-size: 36rpx;">{{ getGoodsTotalPrice(order.goodsList).split('.')[0] }}.</text>
+					<text style="font-size: 30rpx;">{{ getGoodsTotalPrice(order.goodsList).split('.')[1] }}</text>
+				</view>
+			</view>
+			<view v-if="!isFoldProductCard" class="discount-box">
+				<view v-if="order.platformDiscount && Number(order.platformDiscount) > 0"
+					class="flex-justify-between flex-align-center item">
+					<view class="flex-align-center">
+						<image style="width:32rpx;height: 32rpx;"
+							src="/static/image/shopping/taobao/detail/dianpuyouhui.png">
+						</image>
+						<text style="margin: 0 12rpx;font-size: 26rpx;font-weight: 500;">店铺优惠</text>
+						<text style="font-size: 24rpx;color: #1A1A1A;line-height: 24rpx;">超级立减</text>
+					</view>
+					<text class="wx-font-medium discount-price ">-￥{{ order.platformDiscount }}<uni-icons type="right"
+							size="14" color="#FF7824"></uni-icons></text>
+				</view>
+				<view v-if="order.storeDiscount && Number(order.storeDiscount) > 0"
+					class="flex-justify-between flex-align-center item">
+					<view class="flex-align-center">
+						<image style="width:32rpx;height: 32rpx;"
+							src="/static/image/shopping/taobao/detail/pingtaiyouhui.png">
+						</image>
+						<text style="margin: 0 12rpx;font-size: 26rpx;font-weight: 500;">平台优惠</text>
+					</view>
+					<text class="wx-font-medium discount-price ">-￥{{ order.storeDiscount }}<uni-icons type="right"
+							size="14" color="#FF7824"></uni-icons></text>
+				</view>
+			</view>
+			<view class="flex-justify-between flex-align-center" style="height: 30rpx;">
+				<text class="bold-text">实付款 <text v-if="order.statusType == 'success' || order.statusType == 'closed'"
+						class="yellow-text"><text>共减</text><text class="wx-font-medium" style="font-size: 32rpx;">￥{{
+							(Number(order.storeDiscount || 0) + Number(order.platformDiscount || 0)).toFixed(2)
+						}}</text></text></text>
+				<view class="price wx-font-medium">
+					<text style="font-size: 40rpx;">￥</text>
+					<text style="font-size: 44rpx;">{{ Number(order.totalPrice).toFixed(2).split('.')[0] }}.</text>
+					<text style="font-size: 32rpx;">{{ Number(order.totalPrice).toFixed(2).split('.')[1] }}</text>
+					<uni-icons style="margin-left: 6rpx;" :type="isFoldProductCard ? 'down' : 'up'" size="14"
+						color="#D8D8D8" @click="isFoldProductCard = !isFoldProductCard"></uni-icons>
+				</view>
+			</view>
+		</view>
+		<view class="order-info card">
+			<view v-if="!isFoldOrderInfoCard" class="info-box">
+				<view v-for="item in order.orderInfo" :key="item.key"
+					class="flex-justify-between flex-align-center item">
+					<view class="lable">
+						<text style="white-space: nowrap;">{{ item.label }}</text>
+						<image v-if="item.key == 'shippingInfo'" style="width: 26rpx;height: 26rpx;margin-left: 8rpx;"
+							src="/static/image/shopping/taobao/detail/eye.png"></image>
+					</view>
+					<text class="value" style="text-align: right;">
+						<text v-if="item.key == 'shippingInfo'" style="text-align: right;line-height: 34rpx;">{{
+							order.userName + ' ' +
+							"86-" + order.phone + '，' +
+							order.address
+						}}</text>
+						<text v-else style="text-align: right;">{{ item.value }}</text>
+						<uni-icons v-if="item.key == 'tianmaoIntegral' || item.key == 'transactionSnapshot'"
+							style="margin-top: -4rpx;margin-left: 4rpx;" type="right" size="12"
+							color="#7C8495"></uni-icons>
+					</text>
+				</view>
+			</view>
+			<view class="order-ID flex-justify-between flex-align-center">
+				<text class="lable flex-align-center" @click="isFoldOrderInfoCard = !isFoldOrderInfoCard">订单信息
+					<uni-icons :type="isFoldOrderInfoCard ? 'up' : 'down'" size="16" color="#7C8495"></uni-icons></text>
+				<view class="value flex-align-center">
+					<text>{{ order.orderId }}</text>
+					<text style="margin: 0 10rpx; font-size: 22rpx;">|</text>
+					<text style="color: #1A1A1A;">复制</text>
+				</view>
+			</view>
+		</view>
+	</view>
+	<view class="" v-else>
+		<view class="card  refund-box">
+			<view class="card  flex-column flex-align-center">
+				<view class="main-text">退款成功</view>
+				<view class="desc">平台支持您的退款申请。</view>
+				<view class="line"></view>
+			</view>
+			<view class="flex-align-center refund-money-box" style="line-height: 34rpx;">
+				<image style="width: 34rpx;height: 34rpx;margin-right: 16rpx;" src=""></image>
+				<text class="label flex-1">退回支付宝小荷包</text>
+				<text class="wx-font-medium">
+					<text style="font-size: 28rpx;">￥</text>
+					<text style="font-size: 38rpx;">{{ Number(order.refundMoney).toFixed(2).split('.')[0] }}.</text>
+					<text style="font-size: 28rpx;">{{ Number(order.refundMoney).toFixed(2).split('.')[1] }}</text>
+				</text>
+			</view>
+			<view class="flex refund-money-box">
+				<image style="width: 34rpx;height: 34rpx;margin-right: 16rpx;"
+					src="/static/image/shopping/taobao/detail/refund/yunfeibaozhang.png"></image>
+				<view>
+					<view class="label">运费保障</view>
+					<view class="desc">您已享受全额保障5.56元</view>
+				</view>
+			</view>
+		</view>
+		<view class="card refund-product-card">
+			<view class="product-info flex-align-center" v-for="goods in order.goodsList" :key="goods.name">
+				<image style="width: 140rpx;height: 140rpx;margin-right: 24rpx;flex-shrink: 0;" :src="goods.image">
+				</image>
+				<view class="flex-1">
+					<view class="name">{{ goods.title }}</view>
+					<view class="spec">{{ goods.specs }}
+						<uni-icons type="down" color="#D8D8D8" size="12"></uni-icons>
+					</view>
+					<view class="tags">{{ goods.tags }}</view>
+				</view>
+			</view>
+			<view class="order-info-box">
+				<view class="item flex-justify-between flex-align-center">
+					<text class="label">协商历史</text>
+					<text class="value" style="color: #1A1A1A;">查看</text>
+				</view>
+				<view v-show="!isFoldRefundOrderInfoCard || item.key == 'refunTime'"
+					class="item flex-justify-between flex-align-center" v-for="item in order.orderInfo" :key="item.key">
+					<text class="label">{{ item.label }}</text>
+					<text class="value">{{ item.value }} <text style="color: #1A1A1A;"
+							v-if="item.key == 'refundId'">·复制</text></text>
+				</view>
+				<view class="item flex-justify-between flex-align-center" style="margin-bottom: 0;"
+					@click="isFoldRefundOrderInfoCard = !isFoldRefundOrderInfoCard">
+					<text class="label">{{ isFoldRefundOrderInfoCard ? '查看全部售后信息' : '收起售后信息' }} <uni-icons
+							:type="isFoldRefundOrderInfoCard ? 'down' : 'up'" size="14"
+							color="#7C8495"></uni-icons></text>
+				</view>
+			</view>
+		</view>
+		<view class="card help-box">
+			<view class="flex-align-center card-title-box">
+				<image style="width: 34rpx;height: 34rpx;margin-right: 16rpx;"
+					src="/static/image/shopping/taobao/detail/refund/kefu.png"></image>
+				<text class="title flex-1">您是否遇到以下问题？</text>
+				<text class="look-more">查看更多</text>
+				<uni-icons type="right" size="14" color="#7C8495"></uni-icons>
+			</view>
+			<view class="flex btn-box">
+				<view class="btn">卖家什么时候退款</view>
+				<view class="btn">没有退款入口怎么办</view>
+				<view class="btn">运费险理赔</view>
+				<view class="btn">运费谁承担</view>
+			</view>
+		</view>
+
+	</view>
+	<view class="bottom-template">
+
+	</view>
+
+	<view class="bottom-box flex-justify-between flex-align-center">
+		<view class="left-icons flex">
+			<view class="icon-box" v-for="icon in bottomBtnList[order.statusType].icons" :key="icon.name">
+				<image style="width: 40rpx;height: 40rpx;"
+					:src="`/static/image/shopping/taobao/detail/${icon.icon}.png`">
+				</image>
+				<view class="text">{{ icon.name }}</view>
+			</view>
+		</view>
+		<view v-if="order.statusType != 'wait_pay'" class="right-btns flex-align-center">
+			<view class="btn" v-for="btn in bottomBtnList[order.statusType].btns" :key="btn.name"
+				:class="{ primary: btn.isPrimary }">{{ btn.name }}
+			</view>
+		</view>
+		<view v-else class="right-btns flex-align-center wait_pay">
+			<view>
+				<view>
+					<text class="count">共{{ getGoodsTotalCount(order.goodsList) }}件</text>
+					<text style="font-size: 28rpx;color: #1A1A1A;line-height: 24rpx;">合计:</text>
+					<text class="price wx-font-medium">￥{{ Number(order.totalPrice).toFixed(2) }}</text>
+				</view>
+				<view class="save" v-if="Number(
+					Number(order.platformDiscount || 0) + Number(order.storeDiscount || 0)).toFixed(2) > 0">共减<text
+						class="wx-font-medium" style="margin-left: 6rpx;">￥{{ Number(
+							Number(order.platformDiscount || 0) + Number(order.storeDiscount || 0)).toFixed(2) }}</text>
+				</view>
+			</view>
+			<view class="btn primary">
+				<text class="pay">继续付款</text>
+				<text class="time">剩余{{ order.payCountdown }}</text>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script setup>
+import { ref, computed, onUnmounted, watch, onMounted, getCurrentInstance, reactive } from 'vue';
+import { onLoad, onShow } from '@dcloudio/uni-app';
+import { util } from '@/utils/common.js';
+import { shoppingType, defualtData } from '../json/order.json'
+
+const titleList = {
+	"wait_pay": "待付款",
+	"wait_send": "待发货",
+	"wait_recv": "待收货",
+	"refunding": "退款/售后",
+	"closed": "交易关闭",
+	"success": "交易成功"
+}
+
+const btnList = {
+	"wait_pay": [
+		{
+			name: "更换款式",
+			isPrimary: true
+		},
+		{
+			name: "加入购物车",
+			isPrimary: false
+		}
+	],
+	"wait_send": [
+		{
+			name: "加入购物车",
+			isPrimary: false
+		},
+		{
+			name: "申请退款",
+			isPrimary: false
+		}
+	],
+	"wait_recv": [
+		{
+			name: "加入购物车",
+			isPrimary: false
+		},
+		{
+			name: "申请退款",
+			isPrimary: false
+		}
+	],
+	"success": [
+		{
+			name: "咸鱼转卖",
+			isPrimary: true
+		},
+		{
+			name: "申请售后",
+			isPrimary: true
+		},
+		{
+			name: "加入购物车",
+			isPrimary: false
+		}
+	],
+	"closed": [
+		{
+			name: "加入购物车",
+			isPrimary: false
+		}
+	]
+}
+
+const bottomBtnList = {
+	"wait_pay": {
+		icons: [
+			{
+				icon: 'kefu',
+				name: '客服'
+			},
+			{
+				icon: 'quxiao',
+				name: '取消'
+			}
+		]
+	},
+	"wait_send": {
+		icons: [
+			{
+				icon: 'kefu',
+				name: '客服'
+			},
+			{
+				icon: 'tousu',
+				name: '投诉'
+			}
+		],
+		btns: [
+			{
+				name: '催发货',
+				isPrimary: false
+			},
+			{
+				name: '查看物流',
+				isPrimary: false
+			},
+			{
+				name: '修改地址',
+				isPrimary: true
+			}
+		]
+	},
+	"wait_recv": {
+		icons: [
+			{
+				icon: 'kefu',
+				name: '客服'
+			},
+			{
+				icon: 'gengduo',
+				name: '更多'
+			}
+		],
+		btns: [
+			{
+				name: '延长收货',
+				isPrimary: false
+			},
+			{
+				name: '查看物流',
+				isPrimary: false
+			},
+			{
+				name: '确认收货',
+				isPrimary: true
+			}
+		]
+	},
+	"success": {
+		icons: [
+			{
+				icon: 'kefu',
+				name: '客服'
+			},
+			{
+				icon: 'gengduo',
+				name: '更多'
+			}
+		],
+		btns: [
+			{
+				name: '咸鱼转卖',
+				isPrimary: false
+			},
+			{
+				name: '再买一单',
+				isPrimary: false
+			},
+			{
+				name: '评价',
+				isPrimary: true
+			}
+		]
+	},
+	"closed": {
+		icons: [
+			{
+				icon: 'kefu',
+				name: '客服'
+			},
+		],
+		btns: [
+			{
+				name: '删除订单',
+				isPrimary: false
+			},
+			{
+				name: '加入购物车',
+				isPrimary: false
+			},
+			{
+				name: '再买一单',
+				isPrimary: true
+			}
+		]
+	},
+	"refunding": {
+		icons: [
+			{
+				icon: 'kefu',
+				name: '卖家'
+			},
+		],
+		btns: [
+			{
+				name: '寄件详情',
+				isPrimary: false
+			},
+			{
+				name: '钱款去向',
+				isPrimary: true
+			}
+		]
+	}
+}
+
+const isFoldProductCard = ref(true)
+const isFoldOrderInfoCard = ref(true)
+const isFoldRefundOrderInfoCard = ref(true)
+
+
+const getGoodsTotalPrice = (list) => {
+	let totalPrice = 0
+	for (const key in list) {
+		totalPrice = totalPrice + Number(list[key].oriPrice ? list[key].oriPrice : list[key].price) * Number(list[key].count || 1)
+	}
+	console.log("11111111111", totalPrice)
+	return totalPrice.toFixed(2)
+}
+
+const getGoodsTotalCount = (list) => {
+	let totalCount = 0
+	for (const key in list) {
+		totalCount = totalCount + Number(list[key].count)
+	}
+	return totalCount
+}
+let order = ref('')
+
+onLoad((options) => {
+	console.log('shoppingType', shoppingType)
+	if (options?.id) {
+		order.value = defualtData.find((item) => item.id == options.id)
+	}
+
+})
+
+onShow(() => {
+
+})
+</script>
+
+<style lang="less" scoped>
+.back-icon {
+	width: 40rpx;
+	height: 40rpx;
+}
+
+.title-box {
+	font-size: 40rpx;
+	color: #1A1A1A;
+	text-align: center;
+	font-weight: 500;
+	overflow: hidden;
+
+	.title {
+		font-weight: 500;
+		font-size: 40rpx;
+		line-height: 40rpx;
+		color: #1A1A1A;
+	}
+
+	.desc {
+		font-weight: 400;
+		font-size: 26rpx;
+		color: #1A1A1A;
+		line-height: 26rpx;
+		margin-top: 12rpx;
+	}
+
+	.uni-icon {
+		flex-shrink: 0;
+		margin-left: 8rpx;
+	}
+}
+
+.icon {
+	width: 40rpx;
+	height: 40rpx;
+}
+
+.status-box {
+	padding: 16rpx 32rpx;
+	background-color: #FFFFFF;
+	display: flex;
+	align-items: center;
+
+	.status-text {
+		flex-shrink: 0;
+		font-size: 30rpx;
+		color: #FF7824;
+		line-height: 30rpx;
+		font-weight: 500;
+		white-space: nowrap;
+	}
+
+	.status-desc {
+		overflow: hidden;
+		text-overflow: ellipsis;
+		flex-shrink: 0;
+		font-size: 30rpx;
+		color: #1A1A1A;
+		line-height: 30rpx;
+		font-weight: 500;
+		margin-left: 8rpx;
+		white-space: nowrap;
+	}
+}
+
+.address-box {
+	background-color: #FFFFFF;
+	padding: 18rpx 32rpx 28rpx;
+	display: flex;
+	align-items: flex-start;
+
+	.icon {
+		width: 34rpx;
+		height: 34rpx;
+		margin-right: 8rpx;
+	}
+
+	.edit-text {
+		display: flex;
+		align-items: center;
+		font-size: 26rpx;
+		color: #FF7824;
+		line-height: 26rpx;
+		margin-top: 6rpx;
+	}
+
+	.content {
+		.up {
+			font-weight: 500;
+			font-size: 30rpx;
+			line-height: 30rpx;
+			color: #1A1A1A;
+			margin-bottom: 18rpx;
+		}
+
+		.down {
+			font-size: 26rpx;
+			color: #7C8495;
+			line-height: 24rpx;
+		}
+
+	}
+
+}
+
+.card {
+	background-color: #FFFFFF;
+
+	&.status-desc {
+		margin: 16rpx 0;
+		padding: 0 32rpx;
+		height: 84rpx;
+
+		.title {
+			font-size: 30rpx;
+			color: #1A1A1A;
+			line-height: 30rpx;
+			font-weight: 500;
+		}
+
+		text {
+			font-size: 26rpx;
+			color: #7C8495;
+			line-height: 24rpx;
+		}
+	}
+
+	&.product-card {
+		background-color: #FFFFFF;
+		padding: 32rpx;
+
+		.shop-name-box {
+			.shop-name {
+				font-size: 28rpx;
+				color: #00032A;
+				line-height: 28rpx;
+				font-weight: 600;
+				margin: 0 4rpx;
+			}
+		}
+
+		.goods-list {
+			margin-top: 24rpx;
+
+			.goods-img {
+				flex-shrink: 0;
+				width: 156rpx;
+				height: 156rpx;
+				border-radius: 12rpx;
+				margin-right: 24rpx;
+			}
+
+			.goods-specs {
+				color: #7C8495 !important;
+				font-size: 26rpx;
+				line-height: 26rpx;
+				margin-top: 24rpx;
+
+				.title {
+					color: #7C8495 !important;
+					size: 26rpx;
+					font-weight: 400;
+				}
+
+				.price {
+					font-size: 26rpx;
+					color: #7B7E8C;
+					line-height: 26rpx;
+					font-weight: 500;
+
+					.small {
+						font-size: 26rpx;
+						font-weight: 500;
+					}
+				}
+			}
+
+			.inline-tag {
+				margin-top: 18rpx;
+
+				.desc {
+					font-size: 24rpx;
+					color: #0AA957;
+					line-height: 24rpx;
+				}
+
+			}
+
+			.title-box {
+				flex: 1;
+				width: 100px;
+				height: 32rpx;
+				line-height: 32rpx;
+				white-space: nowrap;
+				overflow: hidden;
+				text-align: left;
+			}
+
+			.title {
+				position: relative;
+				width: 100%;
+				font-size: 26rpx;
+				color: #00032A;
+				line-height: 28rpx;
+				font-weight: 500;
+				white-space: nowrap;
+				overflow: hidden;
+
+			}
+
+			.title::after {
+				position: absolute;
+				content: "";
+				width: 100rpx;
+				height: 100%;
+				background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
+				right: 0;
+			}
+
+			.price {
+				margin-left: 18rpx;
+				color: #1A1A1A;
+				font-size: 36rpx;
+				font-weight: 500;
+				line-height: 30rpx;
+
+				.small {
+					font-size: 30rpx;
+				}
+			}
+		}
+
+		.btn-box {
+			display: flex;
+			justify-content: flex-end;
+			margin-top: 12rpx;
+			margin-bottom: 40rpx;
+
+			.btn {
+				height: 64rpx;
+				line-height: 64rpx;
+				border-radius: 12rpx;
+				margin-left: 12rpx;
+				font-size: 26rpx;
+				color: #1A1A1A;
+				padding: 0 28rpx;
+				background-color: #F1F5F8;
+			}
+
+			.primary {
+				background-color: #FFECE5;
+				color: #F37120;
+				font-weight: 500;
+			}
+		}
+
+		.total-price-box {
+
+			padding-bottom: 30rpx;
+			border-bottom: 0.5px solid #D8D8D8;
+
+			.title {
+				font-size: 30rpx;
+				color: #00032A;
+				line-height: 30rpx;
+				font-weight: 500;
+				margin-right: 8rpx;
+			}
+
+			.count {
+				color: #7B7E8C;
+				font-size: 24rpx;
+				line-height: 24rpx;
+			}
+
+			.price {
+				font-weight: 500;
+				font-size: 30rpx;
+				color: #1A1A1A;
+				line-height: 24rpx;
+			}
+		}
+
+		.discount-box {
+			margin-top: 28rpx;
+
+			.item {
+				margin-bottom: 46rpx;
+				height: 32rpx;
+			}
+
+			.discount-price {
+				font-size: 32rpx;
+				color: #FF7824;
+				font-weight: 500;
+			}
+		}
+	}
+
+	&.order-info {
+		padding: 28rpx 32rpx;
+		margin: 16rpx 0;
+
+		.order-ID {
+
+			.lable {
+				font-size: 30rpx;
+				line-height: 32rpx;
+				color: #1A1A1A;
+				font-weight: 500;
+				// margin-right: 6rpx;
+			}
+
+			.value {
+				font-weight: 400;
+				font-size: 26rpx;
+				color: #7C8495;
+				line-height: 26rpx;
+				text-align: right;
+
+			}
+		}
+
+		.item {
+			margin-bottom: 40rpx;
+			display: flex;
+			align-items: center;
+
+			.lable {
+				font-size: 26rpx;
+				color: #1A1A1A;
+				line-height: 26rpx;
+				flex-shrink: 0;
+				display: flex;
+				flex-wrap: nowrap;
+				align-content: center;
+			}
+
+			.value {
+				font-size: 26rpx;
+				color: #7C8495;
+				line-height: 26rpx;
+				margin-left: 50rpx;
+			}
+		}
+	}
+}
+
+.bottom-template {
+	height: 108rpx;
+	height: calc(108rpx + env(safe-area-inset-bottom));
+	height: calc(108rpx + constant(safe-area-inset-bottom));
+}
+
+.bottom-box {
+	display: flex;
+	justify-content: space-between;
+	background-color: #FFFFFF;
+	padding: 0 28rpx;
+	padding-top: 24rpx;
+	position: fixed;
+	bottom: 0;
+	left: 0;
+	right: 0;
+	border-top: 0.5px solid #ECEDEF;
+	height: 108rpx;
+	height: calc(108rpx + env(safe-area-inset-bottom));
+	height: calc(108rpx + constant(safe-area-inset-bottom));
+	padding-bottom: env(safe-area-inset-bottom);
+	padding-bottom: constant(safe-area-inset-bottom);
+
+	.left-icons {
+		.icon-box {
+			margin-right: 28rpx;
+
+			.text {
+				font-size: 20rpx;
+				color: #7C8495;
+				line-height: 20rpx;
+			}
+		}
+	}
+
+	.right-btns {
+		.count {
+			font-size: 26rpx;
+			color: #7B7E8C;
+			line-height: 24rpx;
+		}
+
+		.btn {
+			height: 70rpx;
+			width: 164rpx;
+			text-align: center;
+			line-height: 70rpx;
+			background-color: #F4F5F7;
+			color: #1A1A1A;
+			margin-left: 16rpx;
+			border-radius: 12rpx;
+			font-size: 26rpx;
+			font-weight: 400;
+
+			&.primary {
+				background-color: #FD6205;
+				color: #FFFFFF;
+			}
+		}
+
+		&.wait_pay {
+			.price {
+				font-size: 36rpx;
+				color: #FF7824;
+				line-height: 24rpx;
+			}
+
+			.btn {
+				display: flex;
+				flex-direction: column;
+				align-items: center;
+				justify-content: center;
+				width: 220rpx;
+				height: 80rpx;
+
+				.pay {
+					font-size: 26rpx;
+					color: #FFFFFF;
+					line-height: 26rpx;
+				}
+
+				.time {
+					font-size: 22rpx;
+					color: #FFFFFF;
+					line-height: 22rpx;
+					margin-top: 8rpx;
+				}
+			}
+
+			.save {
+				font-size: 26rpx;
+				color: #FF7824;
+				line-height: 24rpx;
+				text-align: right;
+				margin-top: 8rpx;
+			}
+		}
+	}
+}
+
+.bold-text {
+	font-size: 30rpx;
+	color: #00032A;
+	line-height: 30rpx;
+	font-weight: 500;
+
+	.yellow-text {
+		color: #FF7824;
+		font-weight: 400;
+		margin-left: 6rpx;
+	}
+}
+
+.refund-box {
+	padding: 0 32rpx;
+	padding-top: 68rpx;
+	padding-bottom: 10rpx;
+
+	.main-text {
+		font-size: 52rpx;
+		color: #1A1A1A;
+		line-height: 52rpx;
+		font-weight: 500;
+	}
+
+	.desc {
+		font-size: 26rpx;
+		color: #7C8495;
+		line-height: 24rpx;
+		margin-top: 26rpx;
+	}
+
+	.line {
+		margin-top: 58rpx;
+		height: 0.5px;
+		width: 100%;
+		background-color: #E5E5E5;
+	}
+
+	.refund-money-box {
+		padding: 28rpx;
+
+		.label {
+			font-size: 30rpx;
+			color: #1A1A1A;
+			line-height: 30rpx;
+			font-weight: 500;
+		}
+
+		.wx-font-medium {
+			font-weight: 500;
+		}
+
+		.desc {
+			font-size: 26rpx;
+			color: #7C8495;
+			line-height: 26rpx;
+			margin-top: 16rpx;
+		}
+	}
+
+
+
+}
+
+.refund-product-card {
+	margin: 16rpx 0;
+	padding: 20rpx 32rpx;
+
+	.product-info {
+		margin-bottom: 16rpx;
+
+		.flex-1 {
+			width: 100rpx;
+		}
+
+		.name {
+			font-size: 26rpx;
+			color: #00032A;
+			line-height: 28rpx;
+			white-space: nowrap;
+			overflow: hidden;
+			text-overflow: ellipsis;
+		}
+
+		.spec {
+			margin-top: 18rpx;
+			font-size: 26rpx;
+			color: #7C8495;
+			line-height: 26rpx;
+		}
+
+		.tags {
+			margin-top: 18rpx;
+			font-size: 26rpx;
+			color: #DD6F0E;
+			line-height: 22rpx;
+		}
+	}
+
+	.order-info-box {
+		border-top: 0.5px solid #E5E5E5;
+		padding-top: 24rpx;
+
+		.item {
+			margin-bottom: 32rpx;
+			line-height: 26rpx;
+			font-size: 26rpx;
+			color: #7C8495;
+		}
+	}
+
+
+}
+
+.help-box {
+	padding: 30rpx 32rpx;
+
+	.card-title-box {
+		width: 100%;
+
+		.title {
+			font-size: 30rpx;
+			color: #1A1A1A;
+			line-height: 30rpx;
+			font-weight: 500;
+		}
+
+		.look-more {
+			font-size: 26rpx;
+			color: #7C8495;
+			line-height: 26rpx;
+			font-weight: 400;
+		}
+	}
+
+	.btn-box {
+		width: 100%;
+		flex-wrap: wrap;
+		justify-content: space-between;
+
+		.btn {
+			width: calc(50% - 9rpx);
+			height: 56rpx;
+			line-height: 56rpx;
+			white-space: nowrap;
+			text-align: center;
+			font-size: 26rpx;
+			color: #41495C;
+			font-weight: 400;
+			border-radius: 12rpx 12rpx 12rpx 12rpx;
+			border: 2rpx solid #D0D0D2;
+			margin-top: 16rpx;
+		}
+	}
+}
+
+.refunding-title-box {
+	display: flex;
+	flex-wrap: nowrap;
+
+	text {
+		font-size: 26rpx;
+		color: #7C8495;
+		line-height: 24rpx;
+		white-space: nowrap;
+	}
+
+	.icon {
+		width: 20rpx;
+		height: 20rpx;
+		margin-left: 2rpx;
+	}
+
+	.next {
+		margin: 0 18rpx;
+	}
+}
+
+::v-deep .uni-navbar__header-btns {
+	width: 24px !important;
+}
+</style>
+<style>
+@import '@/common/main.css';
+</style>
\ No newline at end of file
diff --git a/static/image/shopping/taobao/detail/back.png b/static/image/shopping/taobao/detail/back.png
new file mode 100644
index 0000000..7a97a31
Binary files /dev/null and b/static/image/shopping/taobao/detail/back.png differ
diff --git a/static/image/shopping/taobao/detail/dianpuyouhui.png b/static/image/shopping/taobao/detail/dianpuyouhui.png
new file mode 100644
index 0000000..2ade543
Binary files /dev/null and b/static/image/shopping/taobao/detail/dianpuyouhui.png differ
diff --git a/static/image/shopping/taobao/detail/eye.png b/static/image/shopping/taobao/detail/eye.png
new file mode 100644
index 0000000..4cccd91
Binary files /dev/null and b/static/image/shopping/taobao/detail/eye.png differ
diff --git a/static/image/shopping/taobao/detail/gengduo.png b/static/image/shopping/taobao/detail/gengduo.png
new file mode 100644
index 0000000..f76f08f
Binary files /dev/null and b/static/image/shopping/taobao/detail/gengduo.png differ
diff --git a/static/image/shopping/taobao/detail/haomabaohuzhong.png b/static/image/shopping/taobao/detail/haomabaohuzhong.png
new file mode 100644
index 0000000..eae2354
Binary files /dev/null and b/static/image/shopping/taobao/detail/haomabaohuzhong.png differ
diff --git a/static/image/shopping/taobao/detail/kefu.png b/static/image/shopping/taobao/detail/kefu.png
new file mode 100644
index 0000000..5a1f736
Binary files /dev/null and b/static/image/shopping/taobao/detail/kefu.png differ
diff --git a/static/image/shopping/taobao/detail/location.png b/static/image/shopping/taobao/detail/location.png
new file mode 100644
index 0000000..3eda458
Binary files /dev/null and b/static/image/shopping/taobao/detail/location.png differ
diff --git a/static/image/shopping/taobao/detail/more.png b/static/image/shopping/taobao/detail/more.png
new file mode 100644
index 0000000..7017fd3
Binary files /dev/null and b/static/image/shopping/taobao/detail/more.png differ
diff --git a/static/image/shopping/taobao/detail/pingtaiyouhui.png b/static/image/shopping/taobao/detail/pingtaiyouhui.png
new file mode 100644
index 0000000..b0d058e
Binary files /dev/null and b/static/image/shopping/taobao/detail/pingtaiyouhui.png differ
diff --git a/static/image/shopping/taobao/detail/quxiao.png b/static/image/shopping/taobao/detail/quxiao.png
new file mode 100644
index 0000000..fb85c92
Binary files /dev/null and b/static/image/shopping/taobao/detail/quxiao.png differ
diff --git a/static/image/shopping/taobao/detail/refund-back.png b/static/image/shopping/taobao/detail/refund-back.png
new file mode 100644
index 0000000..1dde2c3
Binary files /dev/null and b/static/image/shopping/taobao/detail/refund-back.png differ
diff --git a/static/image/shopping/taobao/detail/refund/finish.png b/static/image/shopping/taobao/detail/refund/finish.png
new file mode 100644
index 0000000..1c41241
Binary files /dev/null and b/static/image/shopping/taobao/detail/refund/finish.png differ
diff --git a/static/image/shopping/taobao/detail/refund/kefu.png b/static/image/shopping/taobao/detail/refund/kefu.png
new file mode 100644
index 0000000..4a50e31
Binary files /dev/null and b/static/image/shopping/taobao/detail/refund/kefu.png differ
diff --git a/static/image/shopping/taobao/detail/refund/next.png b/static/image/shopping/taobao/detail/refund/next.png
new file mode 100644
index 0000000..b416b9c
Binary files /dev/null and b/static/image/shopping/taobao/detail/refund/next.png differ
diff --git a/static/image/shopping/taobao/detail/refund/yunfeibaozhang.png b/static/image/shopping/taobao/detail/refund/yunfeibaozhang.png
new file mode 100644
index 0000000..d831c20
Binary files /dev/null and b/static/image/shopping/taobao/detail/refund/yunfeibaozhang.png differ
diff --git a/static/image/shopping/taobao/detail/shandian.png b/static/image/shopping/taobao/detail/shandian.png
new file mode 100644
index 0000000..5c71ab5
Binary files /dev/null and b/static/image/shopping/taobao/detail/shandian.png differ
diff --git a/static/image/shopping/taobao/detail/tousu.png b/static/image/shopping/taobao/detail/tousu.png
new file mode 100644
index 0000000..51c4292
Binary files /dev/null and b/static/image/shopping/taobao/detail/tousu.png differ
diff --git a/static/image/shopping/taobao/detail/yiqianshou.png b/static/image/shopping/taobao/detail/yiqianshou.png
new file mode 100644
index 0000000..5e4f248
Binary files /dev/null and b/static/image/shopping/taobao/detail/yiqianshou.png differ
diff --git a/static/image/shopping/taobao/detail/yunshuzhong.png b/static/image/shopping/taobao/detail/yunshuzhong.png
new file mode 100644
index 0000000..2488528
Binary files /dev/null and b/static/image/shopping/taobao/detail/yunshuzhong.png differ