72 lines
1.7 KiB
Markdown
72 lines
1.7 KiB
Markdown
# 图片资源说明
|
|
|
|
## 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/` 目录,并按功能分类命名。
|