```json
{
"summary": "已根据API数据结构设计申请售后列表UI组件，包含商

```json
{
"summary": "已根据API数据结构设计申请售后列表UI组件，包含商品信息、售后状态、操作按钮等完整功能",
"widget": {
"type": "custom-template",
"isAPI": false,
"fullWidth": true,
"html": "<div class=\"flex flex-col gap-3 p-4 bg-gray-50 min-h-screen\">\n <div class=\"text-lg font-medium text-gray-900 mb-2\">申请售后</div>\n \n <div class=\"flex flex-col gap-3\">\n <div class=\"bg-white rounded-lg shadow-sm p-4 border border-gray-100\">\n <div class=\"flex items-start gap-3\">\n <img src=\"/sites/xhb.zhaobg.com/files/styles/thumbnail/public/2025-03/O1CN01UB9NSM28vJ8KjufE7_%21%21725677994.jpg_.webp?itok=hSmJTmE8\" alt=\"商品图片\" class=\"w-20 h-20 rounded object-cover flex-shrink-0\">\n <div class=\"flex-1 min-w-0\">\n <div class=\"text-sm font-medium text-gray-900 line-clamp-2\">海飞丝去屑清爽柠檬去油洗发水洗发露</div>\n <div class=\"text-xs text-gray-500 mt-1\">规格：瓶</div>\n <div class=\"text-sm text-gray-900 mt-1\">¥0.01 × 1</div>\n <div class=\"text-xs text-blue-600 mt-2\">可申请数量：1</div>\n </div>\n </div>\n \n <div class=\"mt-3 pt-3 border-t border-gray-100 border-dashed\">\n <div class=\"flex items-center justify-between text-xs text-gray-500\">\n <span>退换有效期</span>\n <span>2025-09-05 18:12:50</span>\n </div>\n <div class=\"flex items-center justify-between text-xs text-gray-500 mt-1\">\n <span>售后有效期</span>\n <span>2025-09-12 18:12:50</span>\n </div>\n </div>\n \n <div class=\"mt-4 flex gap-2\">\n <button class=\"flex-1 py-2 px-4 bg-blue-600 text-white text-sm rounded-md border border-blue-600\">申请售后</button>\n <button class=\"flex-1 py-2 px-4 bg-white text-blue-600 text-sm rounded-md border border-blue-600\">联系客服</button>\n </div>\n </div>\n\n <div class=\"bg-white rounded-lg shadow-sm p-4 border border-gray-100\">\n <div class=\"flex items-start gap-3\">\n <img src=\"/sites/xhb.zhaobg.com/files/styles/thumbnail/public/2025-03/o1cn01ytustk1eb3bsz3ig8_6000000000369-0-sm.jpg_.webp?itok=SmkdInYF\" alt=\"商品图片\" class=\"w-20 h-20 rounded object-cover flex-shrink-0\">\n <div class=\"flex-1 min-w-0\">\n <div class=\"text-sm font-medium text-gray-900 line-clamp-2\">汰渍洗衣粉多规格净白去渍除菌除螨柠檬持久留香官方正品实惠装</div>\n <div class=\"text-xs text-gray-500 mt-1\">规格：包</div>\n <div class=\"text-sm text-gray-900 mt-1\">¥0.01 × 1</div>\n <div class=\"text-xs text-blue-600 mt-2\">可申请数量：1</div>\n </div>\n </div>\n \n <div class=\"mt-3 pt-3 border-t border-gray-100 border-dashed\">\n <div class=\"flex items-center justify-between text-xs text-gray-500\">\n <span>退换有效期</span>\n <span>2025-09-05 18:12:50</span>\n </div>\n <div class=\"flex items-center justify-between text-xs text-gray-500 mt-1\">\n <span>售后有效期</span>\n <span>2025-09-12 18:12:50</span>\n </div>\n </div>\n \n <div class=\"mt-4 flex gap-2\">\n <button class=\"flex-1 py-2 px-4 bg-blue-600 text-white text-sm rounded-md border border-blue-600\">申请售后</button>\n <button class=\"flex-1 py-2 px-4 bg-white text-blue-600 text-sm rounded-md border border-blue-600\">联系客服</button>\n </div>\n </div>\n\n <div class=\"bg-white rounded-lg shadow-sm p-4 border border-gray-100\">\n <div class=\"flex items-start gap-3\">\n <img src=\"/sites/xhb.zhaobg.com/files/styles/thumbnail/public/2025-03/o1cn01je4sqq28vj90oheko_725677994.jpg_.webp?itok=s-2hzWna\" alt=\"商品图片\" class=\"w-20 h-20 rounded object-cover flex-shrink-0\">\n <div class=\"flex-1 min-w-0\">\n <div class=\"text-sm font-medium text-gray-900 line-clamp-2\">蓝月亮洗衣液</div>\n <div class=\"text-xs text-gray-500 mt-1\">规格：瓶</div>\n <div class=\"text-sm text-gray-900 mt-1\">¥0.02 × 1</div>\n <div class=\"text-xs text-blue-600 mt-2\">可申请数量：1</div>\n </div>\n </div>\n \n <div class=\"mt-3 pt-3 border-t border-gray-100 border-dashed\">\n <div class=\"flex items-center justify-between text-xs text-gray-500\">\n <span>退换有效期</span>\n <span>2025-09-05 18:12:50</span>\n </div>\n <div class=\"flex items-center justify-between text-xs text-gray-500 mt-1\">\n <span>售后有效期</span>\n <span>2025-09-12 18:12:50</span>\n </div>\n </div>\n \n <div class=\"mt-4 flex gap-2\">\n <button class=\"flex-1 py-2 px-4 bg-blue-600 text-white text-sm rounded-md border border-blue-600\">申请售后</button>\n <button class=\"flex-1 py-2 px-4 bg-white text-blue-600 text-sm rounded-md border border-blue-600\">联系客服</button>\n </div>\n </div>\n </div>\n\n <div class=\"mt-4 flex justify-center items-center gap-4 text-sm text-gray-500\">\n <button class=\"px-4 py-2 border border-gray-300 rounded-md\">上一页</button>\n <span>1/2</span>\n <button class=\"px-4 py-2 border border-gray-300 rounded-md\">下一页</button>\n </div>\n</div>"
},
"next": ["添加筛选功能", "添加搜索框", "优化分页样式", "添加空状态", "添加加载动画"]
}
```