图片资源说明

images/avatar.png

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

方式1: 使用默认头像

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

方式2: 使用用户微信头像

修改 pages/ai-assistant/ai-assistant.wxml 第24行:

<!-- 原代码 -->
<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 中获取用户信息:

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

临时方案

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

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

并添加对应样式:

.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/ 目录,并按功能分类命名。