1

images/README.md

@@ -0,0 +1,71 @@
+# 图片资源说明
+
+## 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/` 目录,并按功能分类命名。