update

src/components/chatRoom/chatroom.scss

@@ -72,6 +72,9 @@
       background-size: 100% 100%;
       border-radius: 50%;
       margin-right: 0.07rem;
+      &.empty {
+        background-image: url(/@/assets/images/avatar_default.png) !important;
+      }
     }
     // .members {
     //   width: 0.42rem;

src/components/chatRoom/dialog/close.vue

@@ -16,7 +16,7 @@
 
 <script setup>
   import browser from '/@/utils/browser';
-  import { onMounted, watch, defineProps, defineEmits, ref, computed } from 'vue';
+  import { onMounted, watch, ref, computed } from 'vue';
   import { useI18n } from '/@/hooks/useI18n';
 
   const emit = defineEmits(['closeDialog', 'confirmDialog']);

src/components/chatRoom/index.vue

@@ -13,11 +13,11 @@
     <div class="member_number" v-if="isPanoramaMode">
       <!-- <div class="members"></div> -->
       <div
+        :class="{ empty: currentProfileAvatar.length === 0 }"
         class="avatar"
         :style="{
-          backgroundImage: currentLeader?.Avatar
-            ? `url(${decodeURIComponent(currentLeader?.Avatar)})`
-            : '',
+          backgroundImage: `url(${currentProfileAvatar})`,
+          // backgroundImage: `url(/@/assets/images/avatar_default.jpg)`,
         }"
       >
       </div>
@@ -213,7 +213,7 @@
   dayjs.extend(duration);
   // hook
   const { isDrawing, setDraw, setCloseDraw } = useDraw();
-  const { initialRoom } = useRoom();
+  const { initialRoom, room } = useRoom();
   const { getLocale } = useLocale();
 
   const rtcStore = useRtcStore();
@@ -259,6 +259,18 @@
   const hosterhasVideo = computed(() => rtcStore.isHasCamera);
   const { isUsingMiniApp } = useMiniApp();
   const { muteVideoLeader } = useRtcSdk();
+
+  const currentProfileAvatar = computed(() => {
+    let url = '';
+    if (currentLeader.value?.Avatar) {
+      url = decodeURIComponent(currentLeader.value.Avatar);
+    }
+    if (room.value?.head?.length) {
+      url = decodeURIComponent(room.value.head);
+    }
+    return url;
+  });
+
   let roomCounter = ref(-1);
   let roomCount: NodeJS.Timeout;
   const { t } = useI18n();

src/hooks/useTencent.ts

@@ -312,9 +312,6 @@ function handleMuteVideo(event) {
 }
 
 function handleMuteAudio(event) {
-  // if (event.userId.indexOf('leader') > -1) {
-  //   muteAudioLeader.value = true;
-  // }
   console.log(event, `[] mute audio`);
 }