# 静态资源说明

## 图片资源目录结构

```
static/images/
├── icons/                    # 图标类
│   ├── tab-home.png         # 首页tab图标
│   ├── tab-home-active.png  # 首页tab选中图标
│   ├── tab-products.png     # 产品tab图标
│   ├── tab-products-active.png
│   ├── tab-my.png           # 我的tab图标
│   └── tab-my-active.png
├── banners/                 # 轮播图
│   ├── banner-1.jpg
│   ├── banner-2.jpg
│   └── banner-3.jpg
├── products/                # 产品相关
│   ├── default-product.png  # 默认产品图标
│   ├── life-insurance.png   # 人寿保险图标
│   ├── health-insurance.png # 健康保险图标
│   └── car-insurance.png    # 车险图标
├── avatars/                 # 头像类
│   └── default-avatar.png   # 默认头像
├── empty/                   # 空状态图
│   ├── empty-products.png
│   ├── empty-policies.png
│   └── empty-claims.png
└── common/                  # 通用图标
    ├── logo.png             # 应用Logo
    ├── search-icon.png      # 搜索图标
    ├── wx-icon.png          # 微信图标
    ├── checkbox-checked.png # 选中状态
    └── checkbox-unchecked.png # 未选中状态
```

## 资源使用规范

1. **图标规格**
   - Tab图标：60px × 60px
   - 普通图标：48px × 48px
   - 产品图标：120px × 120px

2. **图片格式**
   - 图标类：PNG格式，支持透明
   - 照片类：JPG格式
   - 需要透明：PNG格式

3. **命名规范**
   - 使用小写字母和连字符
   - 语义化命名
   - 状态类图标加后缀（如：-active、-disabled）

4. **大小优化**
   - 图标文件大小控制在20KB以内
   - 轮播图控制在100KB以内
   - 使用适当的压缩率

## 注意事项

由于这是演示项目，实际开发中需要：

1. 准备真实的图片资源
2. 根据设计稿确定图标样式
3. 进行图片压缩优化
4. 考虑不同分辨率的适配
