Page({ data: { historyList: [ { type: 'platform', avatar: 'https://tdesign.gtimg.com/mobile/demos/avatar1.png', name: '平台', time: '2025-02-19 14:30:35', lines: [ '【标题】退款成功', '【内容】退款金额 ¥240.00 已原路退回您的账户。' ] }, { type: 'platform', avatar: 'https://tdesign.gtimg.com/mobile/demos/avatar1.png', name: '平台', time: '2025-02-19 14:30:35', lines: [ '【标题】平台已经同意了申请', '【内容】请耐心等待财务确认打款,退款将原路退回您的账户中。' ] }, { type: 'user', avatar: 'https://tdesign.gtimg.com/mobile/demos/avatar2.png', name: '谢芳', time: '2025-02-19 14:30:27', actionTitle: '发起了退款申请', details: [ { label: '商品状态', value: '已收到货' }, { label: '退款金额', value: '¥240.00' }, { label: '退款原因', value: '与卖家协商一致' }, { label: '退款说明', value: 'uudksjj' } ], images: [ 'https://ts1.tc.mm.bing.net/th/id/OIP-C.Dt8zun07_LEEoSPMONuoogHaLH?w=193&h=290&c=8&rs=1&qlt=90&o=6&pid=3.1&rm=2', 'https://ts1.tc.mm.bing.net/th/id/OIP-C.Dt8zun07_LEEoSPMONuoogHaLH?w=193&h=290&c=8&rs=1&qlt=90&o=6&pid=3.1&rm=2', 'https://ts1.tc.mm.bing.net/th/id/OIP-C.cnR8hVXoKhGmqMTDVwe1FgHaLH?w=193&h=290&c=8&rs=1&qlt=90&o=6&pid=3.1&rm=2', 'https://ts1.tc.mm.bing.net/th/id/OIP-C.Dt8zun07_LEEoSPMONuoogHaLH?w=193&h=290&c=8&rs=1&qlt=90&o=6&pid=3.1&rm=2', 'https://ts1.tc.mm.bing.net/th/id/OIP-C.Dt8zun07_LEEoSPMONuoogHaLH?w=193&h=290&c=8&rs=1&qlt=90&o=6&pid=3.1&rm=2', 'https://ts1.tc.mm.bing.net/th/id/OIP-C.Dt8zun07_LEEoSPMONuoogHaLH?w=193&h=290&c=8&rs=1&qlt=90&o=6&pid=3.1&rm=2', ] }, { type: 'platform', avatar: 'https://tdesign.gtimg.com/mobile/demos/avatar1.png', name: '平台', time: '2025-02-19 14:30:35', lines: [ '【标题】平台拒绝了申请' ] } ] }, onLoad() { // 实际项目中会在这里请求接口拿到由于协商历史列表 }, previewImage(e: any) { const currentUrl = e.currentTarget.dataset.url; const images = e.currentTarget.dataset.images; wx.previewImage({ current: currentUrl, urls: images, fail: (err) => { console.error('预览图片失败', err); }, }); } });