# 静态资源说明

## 目录结构

```
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 图片为真实图片