Ai_GirlFriend/xuniYou/麦克风图标说明.md
2026-02-28 09:40:18 +08:00

42 lines
1019 B
Markdown
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

# 麦克风图标说明
语音通话页面需要以下两个图标文件:
## 需要的图标
1. `/static/images/mic_on.png` - 麦克风开启状态图标
2. `/static/images/mic_off.png` - 麦克风关闭状态图标
## 图标规格建议
- 尺寸48x48 像素(或更高分辨率)
- 格式PNG支持透明背景
- 颜色:白色或浅色(因为背景是半透明黑色)
## 临时解决方案
如果暂时没有这些图标,可以:
1. 使用现有的 `/static/images/phone_a1.png` 作为临时图标
2. 或者在代码中使用文字代替图标
## 修改方式(如果使用现有图标)
`xuniYou/pages/chat/phone.vue` 中找到:
```vue
<image class="mic-icon" :src="micEnabled ? '/static/images/mic_on.png' : '/static/images/mic_off.png'" mode="widthFix"></image>
```
替换为:
```vue
<image class="mic-icon" src="/static/images/phone_a1.png" mode="widthFix"></image>
```
或使用文字:
```vue
<text class="mic-text">{{ micEnabled ? '🎤' : '🔇' }}</text>
```