49 lines
1.7 KiB
Markdown
49 lines
1.7 KiB
Markdown
# 静态资源说明
|
||
|
||
## 目录结构
|
||
|
||
```
|
||
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。
|
||
|
||
### 图片尺寸规范
|
||
|
||
1. **轮播图**：建议尺寸 750x320 像素
|
||
2. **案例图片**：建议尺寸 750x500 像素
|
||
3. **图标**：建议使用 PNG 格式，支持透明背景
|
||
4. **颜色规范**：
|
||
- 主色：#D4A574
|
||
- 选中色：#D4A574
|
||
- 未选中色：#999999
|
||
|
||
## 注意事项
|
||
|
||
- 图片需要进行压缩优化，减小文件体积
|
||
- 图标建议使用纯色，便于主题切换
|
||
- 正式上线前需替换 Mock 图片为真实图片
|