部分修复资源路径不正确问题

src/components/equip-icon.vue

@@ -1,6 +1,6 @@
 <template>
-    <div class='icon' :class="{ 'red-flash': equip && isUnique(equip) }"
-        :style="{ 'box-shadow': 'inset 0 0 7px 2px ' + ((equip && equip.quality.color) || '#a1a1a1') }">
+    <div class='icon' :style="{ 'box-shadow': 'inset 0 0 7px 2px ' + ((equip && equip.quality.color) || '#a1a1a1') }">
+        <img v-if="equip && isUnique(equip)" class="red-flash" :src="red_icon">
         <span v-if="equip">
             <img :src="equips_icon_path + equip.base.icon">
             <div class="lv" v-if="equip.lv">lv{{ equip.lv }}</div>
@@ -12,7 +12,7 @@
 import { useStore } from "vuex";
 import { reactive, onMounted, ref, computed } from "vue";
 import { useI18n } from "vue3-i18n";
-import { qualitys, equips_icon_path } from "@/config";
+import { qualitys, equips_icon_path, red_icon } from "@/config";
 
 const { t } = useI18n();
 const { state, commit, dispatch } = useStore();
@@ -61,11 +61,10 @@ onMounted(() => { });
     }
 }
 
-.red-flash.icon {
-    background-image: url(@/assets/icons/red.gif) !important;
-    background-repeat: no-repeat !important;
-    background-position: center !important;
-    background-size: contain !important;
+.red-flash {
+    position: absolute;
+    width: 100%;
+    height: 100%;
 }
 
 @media only screen and (max-width: 768px) {

src/config/assets.ts

@@ -1,5 +1,6 @@
 // const root = 'http://assets.xumy.vip';
 const root = process.env.VUE_APP_BASE_URL ? '' : 'http://assets.xumy.vip';
+// const root = '.';
 
 export const audio_mp3 = {
   background: root + '/audio/backgound.mp3',
@@ -40,6 +41,8 @@ export const close_icon = root + '/img/close.png';
 export const refresh_icon = root + '/img/re.png';
 export const playerImg = root + '/img/player.png';
 export const playerImg2 = root + '/img/player2.png';
+export const red_icon = root + '/img/red.gif';
+
 
 export const warning_icon = root + '/img/tip/warning.png';
 

src/store/action.ts

@@ -1,11 +1,11 @@
-import { initialWeapon, initialArmor, initialNeck, initialRing, i18n, archive_name } from '@/config';
+import { initialWeapon, initialArmor, initialNeck, initialRing, i18n, archive_name, audio_mp3 } from '@/config';
 import { conisOfsell } from '@/tool';
 import { Base64 } from 'js-base64';
 
-const backgound = new Audio('/audio/backgound.mp3');
+const backgound = new Audio(audio_mp3.background);
 backgound.loop = true;
 backgound.volume = 0.2;
-const battle = new Audio('/audio/battle.mp3');
+const battle = new Audio(audio_mp3.battle);
 battle.loop = true;
 battle.volume = 0.2;
 const music = {

src/store/state.ts

@@ -73,10 +73,13 @@ export default {
   },
   battle: {
     timeOut: 0,
-    playerStyle: {
-      left: '0%',
-      backgroundPosition: '0px 96px',
-    },
+    left: '0',
+    imgLeft: '0px',
+    clip: 'rect(96px, 32px, 144px, 0px)',
+    // playerStyle: {
+    //   left: '0%',
+    //   backgroundPosition: '0px 96px',
+    // },
     battleShow: false,
   },
 };

src/views/dungeon/battle.vue

@@ -1,6 +1,7 @@
 <template>
     <div v-if="dungeon" class="battle">
-        <div class="player" :style="battle.playerStyle">
+        <div class="player">
+            <img class="player-icon" :src="dungeon_icon.player">
         </div>
         <div class="monster" v-for="(v, k) in dungeon.monsters" :key="k"
             :style="{ left: (95 / dungeon.monsters.length) * (k + 1) + '%' }">
@@ -84,11 +85,11 @@ const playerMove = (monsterIdx?, playerIdx?) => {
     let idx2 = playerIdx || 0;
     const max = 20;
     const lenght = 95 / props.dungeon?.monsters.length;
-    const left = monsterIdx * lenght + lenght / max * idx2;
-    battle.value.playerStyle = {
-        left: left + '%',
-        backgroundPosition: Math.floor(left % 4) * 32 + 'px 96px'
-    }
+    const left = monsterIdx * lenght + lenght / (max + 1) * idx2;
+    battle.value.left = + left + '%';
+    const position = Math.floor(left % 4) * 32;
+    battle.value.imgLeft = -1 * position + 'px';
+    battle.value.clip = 'rect(96px, ' + (position + 32) + 'px, 144px, ' + position + 'px)'
     if (idx2 > max) {
         exploreDungeon(monsterIdx);
     } else {
@@ -104,12 +105,6 @@ const battleWithMonster = (monster) => {
     return new Promise((resolve, reject) => {
         const player = state.playerAttribute.attribute;
         const result = callBattleResult(player, monster);
-        // let monsterDmg = Math.ceil(monster.atk * (1 - player.reducPercent) - player.bloc);
-        // monsterDmg < 1 && (monsterDmg = 1);
-
-        // const playerDeadTime = Math.ceil(player.curHp / monsterDmg);
-        // const monsterDeadTime = Math.ceil(monster.hp / player.dps);
-        // const takeDmg = monsterDeadTime * monsterDmg;
         const battleTime = Math.round(player_battle_time * 100 / (100 + state.rebornAttribute.battleSpeed))
 
         const getMsg = (i18nName) => {
@@ -139,14 +134,23 @@ onMounted(() => { });
 </script>
 <style lang="scss" scoped>
 .battle {
+    width: 100%;
 
     .player {
+        overflow: hidden;
         position: absolute;
         z-index: 2;
         top: 1.2rem;
         height: 48px;
         width: 32px;
-        background: url(@/assets/icons/player-s.png);
+        left: v-bind('state.battle.left');
+
+        .player-icon {
+            top: -96px;
+            left: v-bind('state.battle.imgLeft');
+            position: absolute;
+            clip: v-bind('state.battle.clip');
+        }
     }
 
     .monster {

src/views/version/update-log.vue

@@ -36,6 +36,10 @@ const updateLogs: any = [{
         '适配移动端',
         '更新日志菜单快捷键调整为(U)',
         '静态资源网络分流'
+    ],
+    bug: [
+        '修复静态资源分流后部分图片路径不正确问题',
+        '修复背景音乐路径不正确问题'
     ]
 }, {
     date: '2025-04-23', version: '测试版',