LOGO自定义

src/components/Header/index.vue

@@ -10,7 +10,8 @@
       <img src="@/assets/images/ranking/ranking.png" />
     </div>
     <div class="logo" :class="{ logo2: logoClass == 'logo2' }" v-else>
-      <img src="@/assets/images/logo.png" />
+      <img v-if="userInfo.avatar_url" :src="userInfo.avatar_url" />
+      <img v-else src="@/assets/images/logo.png" />
       <div class="title" v-if="parameter.project"><i></i><span>{{ dic.project[parameter.project] || "" }}</span></div>
     </div>
   </div>
@@ -23,6 +24,7 @@ const emit = defineEmits(['confirmExit']);
 const router = useRouter();
 const route = useRoute();
 const dic: any = dataDictionary;
+const myInfo: any = localStorage.getItem("userInfo");
 
 //父值
 const props = defineProps({
@@ -49,13 +51,14 @@ const props = defineProps({
 });
 
 const data = reactive<any>({
+  userInfo: {},//用户信息
   timerManager: {},//计时器管理
   parameter: {},//参数
   date: "",//当前时间
   voice: true,
   screen: true
 });
-const { timerManager, parameter, date, voice, screen } = toRefs(data);
+const { userInfo, timerManager, parameter, date, voice, screen } = toRefs(data);
 
 /**
  * 更新时间
@@ -98,6 +101,7 @@ onBeforeMount(() => {
   voice.value = voiceData;
   let screenData = localStorage.getItem("screen");
   screen.value = screenData;
+  userInfo.value = JSON.parse(myInfo);
 })
 </script>
 <style lang="scss" scoped>
@@ -124,7 +128,8 @@ $waiPadding: 6.51rem;
   align-items: center;
 
   img {
-    width: 14.563rem;
+    //width: 14.563rem;
+    height: 2rem;
   }
 
   .title {