优化了怪物的图片路径配置和背包物品的图片路径配置

Build_God_Admin_Frontend/Frontend/src/views/admin/MonstersView.vue

@@ -46,15 +46,17 @@ const searchQuery = ref('')
 
 const monsterIconOptions = [
   { value: '', label: '无图标' },
-  { value: 'monster-wolf.svg', label: '狼' },
+  { value: '狗.svg', label: '狗' },
-  { value: 'monster-skeleton.svg', label: '骷髅' },
+  { value: '猴.svg', label: '猴' },
-  { value: 'monster-dragon.svg', label: '龙' },
+  { value: '狐狸.svg', label: '狐狸' },
-  { value: 'monster-ghost.svg', label: '鬼' },
+  { value: '鼠.svg', label: '老鼠' },
-  { value: 'monster-slime.svg', label: '史莱姆' },
+  { value: '猫咪.svg', label: '猫咪' },
-  { value: 'monster-bat.svg', label: '蝙蝠' },
+  { value: '蛇.svg', label: '蛇' },
-  { value: 'monster-spider.svg', label: '蜘蛛' },
+  { value: '螳螂.svg', label: '螳螂' },
-  { value: 'monster-snake.svg', label: '蛇' },
+  { value: '乌鸦.svg', label: '乌鸦' },
-  { value: 'monster-golem.svg', label: '石魔' }
+  { value: '羊.svg', label: '羊' },
+  { value: '蜘蛛.svg', label: '蜘蛛' },
+  { value: '猪.svg', label: '猪' }
 ]
 
 const formData = ref<Monster>({

Build_God_Game/src/views/BagView.vue

@@ -44,10 +44,9 @@ const scrapLevelColorMap: Record<number, string> = {
   5: '#FF8C00'
 }
 
-const getItemIcon = (item: { icon: string | null }) => {
+const getItemIcon = (item: { icon: string | null },itemType:string) => {
   if (item.icon) {
-    const [dir, file] = item.icon.split('/')
+    return new URL(`../assets/icons/${itemType}/${item.icon}`, import.meta.url).href
-    return new URL(`../assets/icons/${dir}/${file}`, import.meta.url).href
   }
   return itemDefaultIcon
 }
@@ -126,7 +125,7 @@ onMounted(() => {
             <el-tooltip v-for="item in bagStore.paginatedEquipment" :key="item.id" :content="getEquipmentTooltip(item)"
               placement="top" :show-after="300">
               <div class="item-cell">
-                <img v-if="item.icon" :src="getItemIcon(item)" class="item-icon-img"
+                <img v-if="item.icon" :src="getItemIcon(item,'equipment')" class="item-icon-img"
                   :class="'rarity-' + (item.itemRarity || 1)" />
                 <div v-else class="item-icon">⚔️</div>
                 <span class="item-name">{{ item.itemName }}</span>
@@ -156,7 +155,7 @@ onMounted(() => {
             <el-tooltip v-for="item in bagStore.paginatedPills" :key="item.id" :content="getPillTooltip(item)"
               placement="top" :show-after="300">
               <div class="item-cell">
-                <img v-if="item.icon" :src="getItemIcon(item)" class="item-icon-img" />
+                <img v-if="item.icon" :src="getItemIcon(item,'pill')" class="item-icon-img" />
                 <div v-else class="item-icon">💊</div>
                 <span class="item-name">{{ item.itemName }}</span>
                 <span v-if="item.quantity > 1" class="item-count">{{ item.quantity }}</span>
@@ -186,7 +185,7 @@ onMounted(() => {
             <el-tooltip v-for="item in bagStore.paginatedScraps" :key="item.id" :content="getScrapTooltip(item)"
               placement="top" :show-after="300">
               <div class="item-cell scrap-cell">
-                <img v-if="item.icon" :src="getItemIcon(item)" class="item-icon-img"
+                <img v-if="item.icon" :src="getItemIcon(item,'scrap')" class="item-icon-img"
                   :style="{ borderColor: scrapLevelColorMap[item.scrapLevel || 1] }" />
                 <div v-else class="item-icon" :style="{ color: scrapLevelColorMap[item.scrapLevel || 1] }">📦</div>
                 <span class="item-name">{{ item.itemName }}</span>

Build_God_Game/src/views/MonsterListView.vue

@@ -13,7 +13,7 @@ const characterStore = useCharacterStore()
 
 const getMonsterIcon = (iconName?: string) => {
   if (!iconName) return defaultIcon
-  return `/src/assets/images/monster/${iconName}`
+  return `/src/assets/icons/monster/${iconName}`
 }
 
 const getMonsterTypeLabel = (type: number) => {