修改UI问题初

This commit is contained in:
2026-08-31 17:37:32 +08:00
parent 585b30a615
commit 18ee29e422
16 changed files with 386 additions and 1070 deletions
+15 -11
View File
@@ -1,5 +1,9 @@
// 首页 mock 数据
// 设计稿尺寸: 390px 宽度,1px ≈ 2rpx
// 设计稿尺寸: 390px 宽度,1px ≈ 1.923rpx
import { buildUrl } from '@/api/request.js'
// 远程静态资源前缀(服务器 miniprogram 文件夹)
const ASSET_BASE = '/assets/miniprogram/'
// Hero 区 4个指标
export const trustStats = [
@@ -10,31 +14,31 @@ export const trustStats = [
]
// 4步流程
// 每一步对应一张预览大图(img 字段):设计师切图已替换,文件见 static/images/home/step_*.jpg
// 每一步对应一张预览大图(img 字段):设计师切图原图,远程路径(保留切图原始文件名),UI-004
export const stepList = [
{
step: '01',
title: '选择产品',
desc: '海量精选产品,满足多元定制需求',
img: '/static/images/home/step_01_select.jpg'
img: buildUrl(ASSET_BASE + '4步开始/01步骤-选择产品.png')
},
{
step: '02',
title: '上传设计',
desc: '可视化编辑器,轻松实现创意落地',
img: '/static/images/home/step_02_upload.jpg'
img: buildUrl(ASSET_BASE + '4步开始/02步骤-上传设计.png')
},
{
step: '03',
title: '在线销售',
desc: '一键开通店铺,多渠道触达目标客群',
img: '/static/images/home/step_03_sell.jpg'
img: buildUrl(ASSET_BASE + '4步开始/03步骤-在线销售.png')
},
{
step: '04',
title: '生产配送',
desc: '智能化柔性生产,快速响应全球配送',
img: '/static/images/home/step_04_produce.jpg'
img: buildUrl(ASSET_BASE + '4步开始/04步骤-生产配送.png')
}
]
@@ -75,31 +79,31 @@ export const podProducts = [
]
// 平台功能卡片
// 每一张卡片对应一张「集成平台」大图(img 字段):设计师切图已替换,文件见 static/images/home/feat_*.jpg
// 每一张卡片对应一张「集成平台」大图(img 字段):设计师切图原图,远程路径(保留切图原始文件名),UI-005
export const featureList = [
{
step: '01',
title: '设计工具',
desc: '轻松设计,快速定制',
img: '/static/images/home/feat_design.jpg'
img: buildUrl(ASSET_BASE + '用强大功能/设计工具.png')
},
{
step: '02',
title: '自动化履约',
desc: '从生产到配送,全程无忧,准时交付',
img: '/static/images/home/feat_auto.jpg'
img: buildUrl(ASSET_BASE + '用强大功能/自动化履约.png')
},
{
step: '03',
title: '全球配送',
desc: '全球11国自营本土工厂',
img: '/static/images/home/feat_global.jpg'
img: buildUrl(ASSET_BASE + '用强大功能/全球配送.png')
},
{
step: '04',
title: '店铺集成',
desc: '与全球主流电商平台无缝对接',
img: '/static/images/home/feat_store.jpg'
img: buildUrl(ASSET_BASE + '用强大功能/店铺集成.png')
}
]