42 lines
1019 B
Markdown
42 lines
1019 B
Markdown
|
# 麦克风图标说明
|
|||
|
|
|
|||
|
|
语音通话页面需要以下两个图标文件：
|
|||
|
|
|
|||
|
|
## 需要的图标
|
|||
|
|
|
|||
|
|
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>
|
|||
|
|
```
|