修改聊天的头像
1.将打算替换的图片放到模板代码 ServiceCloudChatDemo\src\assets目录下,
2.用谷歌浏览器打开模板页面,键盘按F12打开调试页面,鼠标点击下图中的1指示的位置,然后点击2指示的地方,找到位置3所在类名"avatar-column",复制此类名到模板代码中全局搜索。
![](https://support.huaweicloud.com/devg-webdemo-cec/figure/zh-cn_image_0000001359799369.png)
3.找到如下文件MainContent.vue,将位置1中的src=""里的图片路径替换成打算替换的图片的路径。
![](https://support.huaweicloud.com/devg-webdemo-cec/figure/zh-cn_image_0000001359679809.png)
检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
1.将打算替换的图片放到模板代码 ServiceCloudChatDemo\src\assets目录下,
2.用谷歌浏览器打开模板页面,键盘按F12打开调试页面,鼠标点击下图中的1指示的位置,然后点击2指示的地方,找到位置3所在类名"avatar-column",复制此类名到模板代码中全局搜索。
3.找到如下文件MainContent.vue,将位置1中的src=""里的图片路径替换成打算替换的图片的路径。