diff --git a/src/views/home/navMenu.vue b/src/views/home/navMenu.vue
index dfd818a..0b6e521 100644
--- a/src/views/home/navMenu.vue
+++ b/src/views/home/navMenu.vue
@@ -6,7 +6,10 @@
           <div class="card hover:shadow-[0px_0px_5px_1px_#8A2BE2] mr-4 mb-4 rounded-md py-4 flex justify-center items-center w-[320px] bg-[#f2e8fc]"
             @click="link(it.menuLink)" v-for="(it, idx) in item.children" :key="index">
             <div class="left mr-3">
-              <img width="40" height="40" class="rounded-full bg-[white]" :src="it.menuIcon" alt="">
+              <img v-if="it.isHaveIco" width="40" height="40" class="rounded-full bg-[white]" :src="it.menuIcon" alt="" @error="it.isHaveIco=false">
+              <div v-else class="w-[40px] h-[40px] flex justify-center items-center rounded-full bg-[white] font-bold text-2xl text-orange-500">
+                {{ it.menuName.slice(0,1) }}
+              </div>
             </div>
             <div class="right w-[224px]">
               <div class="text-[20px] text-pp-700 font-bold">{{ it.menuName }}</div>
@@ -33,11 +36,14 @@ import { onMounted } from 'vue';
 
 //mark data
 const navList = ref([])
+const isHaveIco = ref(true)
+
 //mark method
 function formatNav(list) {
   let menu = []
   let result = []
   list.forEach(i => {
+    i.isHaveIco = true
     if (!menu.includes(i.menuClass)) {
       menu.push(i.menuClass)
     }