本文将介绍如何定制 TUICallKit 的用户界面，我们提供了界面微调方案。
界面微调方案
TUICallKit 是含 UI 音视频通话组件，为了方便的进行源码调整，推荐直接将组件拷贝到您的项目中（源码为 TypeScript 版本）。
注意：
界面微调方案适用于
Vue + Typescript 项目且 @tencentcloud/call-uikit-wechat 版本号 ≥ 3.2.2。替换图标
您可以直接修改
TUICallKit/Components/assets 文件夹下的图标组件，以确保整个应用中的图标色调风格保持一致，请在替换时保持图标文件的名字不变。
序号 | 资源路径 |
1 | /TUICallKit/Components/assets/button/mobile/minimize.svg |
2 | /TUICallKit/Components/assets/button/hangup.svg |
3 | /TUICallKit/Components/assets/button/accept.svg |
4 | /TUICallKit/Components/assets/button/microphone-open.svg |
5 | /TUICallKit/Components/assets/button/speaker-open.svg |
6 | /TUICallKit/Components/assets/button/camera-close.svg |
7 | /TUICallKit/Components/assets/button/switchCamera.svg |
替换铃声
您可以替换
TUICallKit/src/TUICallService/assets/ 文件夹下的两个音频文件来达到替换铃声的目的：文件名 | 用途 |
phone_dialing.mp3 | 发起呼叫时的声音 |
phone_ringing.mp3 | 接到呼叫时的声音 |