# 图片资源说明

## images/avatar.png

AI助手页面需要使用用户头像图片。请按以下步骤添加:

### 方式1: 使用默认头像
1. 在 `images/` 目录下添加一个默认头像图片,命名为 `avatar.png`
2. 建议尺寸: 200x200 像素
3. 格式: PNG (支持透明背景)

### 方式2: 使用用户微信头像
修改 `pages/ai-assistant/ai-assistant.wxml` 第24行:

```xml
<!-- 原代码 -->
<image wx:if="{{item.role === 'user'}}" src="/images/avatar.png" mode="aspectFill"></image>

<!-- 修改为 -->
<image wx:if="{{item.role === 'user'}}" src="{{userInfo.avatarUrl || '/images/avatar.png'}}" mode="aspectFill"></image>
```

然后在 `pages/ai-assistant/ai-assistant.js` 的 `onLoad` 中获取用户信息:

```javascript
onLoad(options) {
  // 获取用户信息
  const userInfo = wx.getStorageSync('userInfo');
  if (userInfo) {
    this.setData({ userInfo });
  }
  
  // 加载场景列表
  const scenarios = aiService.getScenarios();
  this.setData({ scenarios });
  
  // ... 其他代码
}
```

### 临时方案
如果暂时没有图片,可以注释掉图片显示:

```xml
<!-- <image wx:if="{{item.role === 'user'}}" src="/images/avatar.png" mode="aspectFill"></image> -->
<view wx:if="{{item.role === 'user'}}" class="user-avatar">👤</view>
```

并添加对应样式:

```css
.user-avatar {
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, #4A90E2 0%, #357ABD 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 40rpx;
}
```

## 其他图片资源

目前项目中 `images/` 目录为空,如需添加其他图片资源:
- TabBar图标
- 空状态插图
- 引导页图片
- 启动页背景

请将图片文件放入 `images/` 目录,并按功能分类命名。