101 lines
4.4 KiB
JavaScript
101 lines
4.4 KiB
JavaScript
// 产品详情页 mock 数据（基于 Figma 设计稿 1544:530）
|
||
|
||
export const mockProduct = {
|
||
id: 1,
|
||
name: '180G牛奶丝T恤 DG120',
|
||
sku: 'DG120',
|
||
country: '美国',
|
||
// 价格：符号/整数/小数 三段不同字号，全部红色 #FF0000
|
||
price: {
|
||
symbol: '￥',
|
||
integer: '19',
|
||
decimal: '.00'
|
||
},
|
||
// 价格下方的 4 列快捷信息
|
||
quickInfo: [
|
||
{ label: '生产工艺', value: '白墨烫画' },
|
||
{ label: '发货时效', value: '48小时' },
|
||
{ label: '印花', value: '单面印' },
|
||
{ label: '产品编码', value: 'NS6001152' }
|
||
]
|
||
}
|
||
|
||
// 5 张图片对应 5 个指示点（mock 用同一张图）
|
||
export const mockImages = [
|
||
'/static/images/detail/Rectangle_194_1548_574.png',
|
||
'/static/images/detail/Rectangle_194_1548_574.png',
|
||
'/static/images/detail/Rectangle_194_1548_574.png',
|
||
'/static/images/detail/Rectangle_194_1548_574.png',
|
||
'/static/images/detail/Rectangle_194_1548_574.png'
|
||
]
|
||
|
||
// 6 个颜色：第一行 4 个，第二行 2 个；默认选中"灰色"
|
||
export const mockColors = [
|
||
{ id: 1, name: '白色', value: '#FFFFFF' },
|
||
{ id: 2, name: '黑色', value: '#000000' },
|
||
{ id: 3, name: '灰色', value: '#838383' },
|
||
{ id: 4, name: '橙色', value: '#FF6800' },
|
||
{ id: 5, name: '藏青', value: '#0F215B' },
|
||
{ id: 6, name: '粉色', value: '#FFB7D2' }
|
||
]
|
||
|
||
// 默认选中 L
|
||
export const mockSizes = ['S', 'M', 'L', 'XL', '2XL']
|
||
|
||
// 产品参数：前 3 项固定行高，"补充说明"可展开/收起
|
||
export const mockParams = [
|
||
{ label: '克重', value: '180g' },
|
||
{ label: '材质', value: '纯棉' },
|
||
{ label: '定制类型', value: '来图定制' },
|
||
{
|
||
label: '补充说明',
|
||
expandable: true,
|
||
value:
|
||
'【 材质说明 】\n97%聚酯纤维 3%氨纶\n【 产品性能 】\n优质材料：这款露背T恤采用优质材料制成，面料柔软、轻薄贴身。 时尚外观：性感T恤设计，时尚性感，简约大方，适合大多数人的体型。 面料轻盈：舒适款式设计为您带来一个更加干净的外观，面料轻盈柔软，让您全天舒适。 轻松百搭：简单搭配外套、长裤、牛仔裤或沙滩休闲短裤，都是非常不错的选择，也可以选择就单穿，让您一直保持凉爽和放松。\n【 适用情景 】\n适用于日常生活、工作、出游、逛街等场合。\n【 洗涤说明 】\n可手洗可机洗，不要长时间浸泡，不可漂白，洗涤液温度不能超过45ºC。\n【 温馨提醒 】\n该图片展示效果仅供参考，最终效果以实物为准！由于生产批次、机器设备、纸样大小不同等客观因素原因，难以避免或将存在微小色差、位置及大小等误差，如遇以上问题均属于正常现象，将不予纳入售后处理范畴。 另外，根据各国本土政策要求，请勿上传科技单、跑水单等非正规来源面单，严禁使用侵权图案及未授权 IP、商标、赛事元素等内容。 违规订单将不予生产发货，已产生费用不予退还，相应风险与责任由下单方自行承担。感谢您的理解与配合。'
|
||
}
|
||
]
|
||
|
||
// 产品尺码表：4 行 5 列
|
||
export const mockSizeChart = {
|
||
unit: 'cm',
|
||
columns: ['尺码', '肩宽', '胸围', '衣长', '袖长'],
|
||
rows: [
|
||
{ size: 'S', shoulder: '51', chest: '56', length: '62', sleeve: '48' },
|
||
{ size: 'M', shoulder: '51', chest: '56', length: '62', sleeve: '48' },
|
||
{ size: 'L', shoulder: '51', chest: '56', length: '62', sleeve: '48' },
|
||
{ size: 'XL', shoulder: '51', chest: '56', length: '62', sleeve: '48' }
|
||
]
|
||
}
|
||
|
||
// 包装规格表：4 行 4 列，每个单元格双单位（cm + in）
|
||
export const mockPackaging = {
|
||
unit: 'cm',
|
||
columns: ['尺码', '尺寸', '体积', '重量'],
|
||
rows: [
|
||
{
|
||
size: 'S',
|
||
dimension: { cm: '31.0*23.0*1.0cm', in: '12.20*9.06*0.39in' },
|
||
volume: { cm: '713.00cm³', in: '43.51in³' },
|
||
weight: { cm: '200.00g', in: '0.36lb' }
|
||
},
|
||
{
|
||
size: 'M',
|
||
dimension: { cm: '31.0*23.0*1.0cm', in: '12.20*9.06*0.39in' },
|
||
volume: { cm: '713.00cm³', in: '43.51in³' },
|
||
weight: { cm: '200.00g', in: '0.36lb' }
|
||
},
|
||
{
|
||
size: 'L',
|
||
dimension: { cm: '31.0*23.0*1.0cm', in: '12.20*9.06*0.39in' },
|
||
volume: { cm: '713.00cm³', in: '43.51in³' },
|
||
weight: { cm: '200.00g', in: '0.36lb' }
|
||
},
|
||
{
|
||
size: 'XL',
|
||
dimension: { cm: '31.0*23.0*1.0cm', in: '12.20*9.06*0.39in' },
|
||
volume: { cm: '713.00cm³', in: '43.51in³' },
|
||
weight: { cm: '200.00g', in: '0.36lb' }
|
||
}
|
||
]
|
||
}
|