静态资源说明
目录结构
static/
├── icons/ # 图标文件
│ ├── home.svg # 首页图标(未选中)
│ ├── home-active.svg # 首页图标(选中)
│ ├── cases.svg # 案例图标(未选中)
│ ├── cases-active.svg # 案例图标(选中)
│ ├── service.svg # 服务图标(未选中)
│ ├── service-active.svg # 服务图标(选中)
│ ├── user.svg # 我的图标(未选中)
│ ├── user-active.svg # 我的图标(选中)
│ └── README.md # 图标转换说明
├── images/ # 图片资源
│ ├── default-avatar.svg # 默认头像
│ └── logo.svg # 公司Logo
└── mock/ # Mock数据图片
├── banner1.svg # 轮播图1
├── banner2.svg # 轮播图2
├── banner3.svg # 轮播图3
├── case1-before.svg # 案例1翻新前
├── case1-after.svg # 案例1翻新后
└── ... # 更多案例图片
重要说明
TabBar 图标
微信小程序 TabBar 只支持 PNG 格式,请参考 icons/README.md 将 SVG 转换为 PNG。
图片尺寸规范
- 轮播图:建议尺寸 750x320 像素
- 案例图片:建议尺寸 750x500 像素
- 图标:建议使用 PNG 格式,支持透明背景
- 颜色规范:
- 主色:#D4A574
- 选中色:#D4A574
- 未选中色:#999999
注意事项
- 图片需要进行压缩优化,减小文件体积
- 图标建议使用纯色,便于主题切换
- 正式上线前需替换 Mock 图片为真实图片