fix:默认头像

src/components/NavigationBar/LeftMenu.vue

@@ -1,5 +1,8 @@
 <template>
-  <div class="pt-70 px-20 pb-30 flex flex-col h-screen">
+  <div class="pt-70 px-20 pb-30 flex flex-col h-screen relative">
+    <div @click="visible = false" class="absolute right-20 top-50">
+      <span class="iconfont icon-close"></span>
+    </div>
     <NuxtLink v-if="!token" to="/login" class="flex items-center space-x-15">
       <div
         class="flex items-center justify-center bg-[#d9d9d9] rounded-full h-60 w-60"
@@ -18,7 +21,7 @@
       class="flex items-center space-x-15"
     >
       <van-image
-        :src="userInfo.headImageUrl"
+        :src="userInfo.headImageUrl || defaultAvatar"
         height="60"
         width="60"
         radius="30px"
@@ -70,6 +73,7 @@ import menu_travel_note from "@/assets/img/navbar/menu_travel_note.png";
 import menu_travel_project from "@/assets/img/navbar/menu_travel_project.png";
 import menu_visa from "@/assets/img/navbar/menu_visa.png";
 import menu_profile from "@/assets/img/navbar/menu_profile.png";
+import defaultAvatar from "~/assets/img/default_avatar.png";
 
 const visible = defineModel("visible");
 

src/components/NavigationBar/index.client.vue

@@ -12,7 +12,7 @@
       <template v-if="token">
         <NuxtLink to="/profile" class="flex items-center text-base space-x-5">
           <van-image
-            :src="userInfo.headImageUrl"
+            :src="userInfo.headImageUrl || defaultAvatar"
             round
             height="26"
             width="26"
@@ -58,6 +58,8 @@
 </template>
 
 <script setup>
+import defaultAvatar from "~/assets/img/default_avatar.png";
+
 const isMenuShow = ref(false);
 
 function handleClickMenu() {

src/pages/profile/index.vue

@@ -6,7 +6,7 @@
       <div class="absolute left-20 bottom-10 right-20 text-black-3">
         <NuxtLink to="/profile/userInfo" class="flex items-center space-x-10">
           <van-image
-            :src="userInfo.headImageUrl"
+            :src="userInfo.headImageUrl || defaultAvatar"
             class="shrink-0"
             width="75px"
             height="75px"
@@ -40,6 +40,7 @@
 </template>
 
 <script setup>
+import defaultAvatar from "~/assets/img/default_avatar.png";
 import profile_travel_order from "~/assets/img/profile/profile_travel_order.png";
 import profile_labour_order from "~/assets/img/profile/profile_labour_order.png";
 import profile_travel_note from "~/assets/img/profile/profile_travel_note.png";