src/components/dialog.vue

@@ -1,7 +1,6 @@
 <template>
     <teleport to="#app">
-        <div class="dialog" v-show="show" @contextmenu.prevent="console.log('禁用浏览器默认右键功能')"
+        <div class="dialog" v-show="show" @contextmenu.prevent="console.log('禁用浏览器默认右键功能')">
-            @click=" commit('close_equip_tip');">
             <div class="content" @click.native.stop>
                 <div class="title" v-if="title">
                     <span>{{ title }}</span>
@@ -64,9 +63,6 @@ const prop = defineProps({
 })
 watch(show, (n, o) => {
     emit('update:modelValue', n);
-    if (!n) {
-        commit('close_equip_tip');
-    }
 })
 watch(() => prop.modelValue, (n, o) => {
     show.value = n;

src/components/equip-icon.vue

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

src/config/assets.ts

@@ -1,6 +1,5 @@
 // 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',
@@ -41,18 +40,11 @@ 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';
 
 export const dungeon_icon = {
-  map: root + '/img/map/map.jpg',
   player: root + '/img/map/player-s.png',
   monster: root + '/img/map/monster.png',
   boss: root + '/img/map/boss.png',
-  0: root + '/img/map/d1.png',
-  1: root + '/img/map/d1.png',
-  2: root + '/img/map/d2.png',
-  3: root + '/img/map/d3.png',
 };

src/store/action.ts

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

src/store/mutation.ts

@@ -41,9 +41,11 @@ export const show_equip_tip = (state, data) => {
   state.equipTip.tipsStyle = styles[0];
   state.equipTip.tipsStyle2 = styles[1];
   state.equipTip.tipsShow = true;
+  console.log('show');
 };
 export const close_equip_tip = (state) => {
   state.equipTip.tipsShow = false;
+  console.log('close');
 };
 export const clear_sys_info = (state, data) => {
   state.sysInfo.splice(1, state.sysInfo.length);

src/store/state.ts

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

src/tool/index.ts

@@ -2,7 +2,6 @@ export * from './caller';
 export * from './formatter';
 export * from './random';
 export * from './mixins';
-export * from './mobile';
 
 export const getArrayEmptyIdx = (array) => {
   for (let i = 0; i < array.length; i++) {

src/tool/mixins/popoverMenu.ts

@@ -9,8 +9,8 @@ export default class PopoverMenu {
 
   open = (idx, e) => {
     this.index.value = idx;
-    this.left.value = e.pageX + 20 + 'px';
+    this.left.value = e.x + 20 + 'px';
-    this.top.value = e.pageY + -50 + 'px';
+    this.top.value = e.y + -50 + 'px';
     this.show.value = true;
   };
 

src/tool/mobile.ts

@@ -1,47 +0,0 @@
-// 长按弹出上拉操作面板
-class Mobile {
-  toucheX: number = 0;
-  toucheY: number = 0;
-  timeOutEvent: number = 0;
-  data?: any;
-  onLongTouch?: Function;
-  onClick?: Function;
-  e: any;
-
-  onTouchStart(e, data) {
-    this.toucheX = e.targetTouches[0].screenX;
-    this.toucheY = e.targetTouches[0].screenY;
-    this.data = data;
-    this.e = e;
-
-    // 开启定时器前先清除定时器，防止重复触发
-    this.timeOutEvent && clearTimeout(this.timeOutEvent);
-    // 显示上拉面板
-    this.timeOutEvent = setTimeout(() => {
-      this.onLongTouch && this.onLongTouch(e, data);
-      this.timeOutEvent = 0;
-    }, 1000);
-    e.preventDefault(); // 阻止系统默认事件
-  }
-  onTouchMove(e) {
-    const moveX = e.targetTouches[0].screenX;
-    const moveY = e.targetTouches[0].screenY;
-    // 解决vivo机型，手指没有move，touchmove事件仍然会调用而导致setTimeout被clear
-    if (this.toucheX !== moveX || this.toucheY !== moveY) {
-      // 手指滑动，清除定时器，中断长按逻辑
-      this.timeOutEvent && clearTimeout(this.timeOutEvent);
-    }
-  }
-  onTouchEnd() {
-    // 清除定时器，结束长按逻辑
-    this.timeOutEvent && clearTimeout(this.timeOutEvent);
-    // 若手指离开屏幕，时间小于我们设置的长按时间，则为点击事件
-    if (this.timeOutEvent !== 0) {
-      this.onClick && this.onClick(this.e, this.data);
-    }
-  }
-}
-
-export const userMobile = () => {
-  return new Mobile();
-};

src/views/backpack/backpack.vue

@@ -33,7 +33,6 @@ const show = computed(() => {
 const equipMenu = ref();
 
 const openEquipMenu = (idx, event) => {
-    event.preventDefault();
     commit('close_equip_tip');
     equipMenu.value?.open(idx, event)
 }

src/views/backpack/grid.vue

@@ -2,8 +2,7 @@
     <div class="body">
         <span class="grid" v-for="(v, idx) in grid">
             <div class="equip" v-if="v" @contextmenu.prevent.stop="emit('openEquipMenu', idx, $event)"
-                @touchstart="mobile.onTouchStart($event, [v, idx])" @touchmove="mobile.onTouchMove"
+                @dblclick="commit('close_equip_tip'); dispatch('useEquip', idx);"
-                @touchend="mobile.onTouchEnd" @dblclick="commit('close_equip_tip'); dispatch('useEquip', idx);"
                 @mouseover="commit('show_equip_tip', { equip: v, compare: true, e: $event })"
                 @mouseleave="commit('close_equip_tip')">
                 <EquipIcon :equip="v" />
@@ -31,7 +30,6 @@ import { useI18n } from "vue3-i18n";
 import EquipIcon from "@/components/equip-icon.vue";
 import { lock_icon, backpack_num } from "@/config";
 import AutoSell from "./auto-sell.vue";
-import { userMobile } from "@/tool";
 
 const { t } = useI18n();
 const { state, commit, dispatch } = useStore();
@@ -69,14 +67,6 @@ const sellAll = () => {
     })
 }
 
-const mobile = userMobile();
-mobile.onLongTouch = (e, data) => {
-    e.touches[0].preventDefault = () => { };
-    emit('openEquipMenu', data[1], e.touches[0]);
-}
-mobile.onClick = (e, data) => {
-    commit('show_equip_tip', { equip: data[0], compare: true, e: e.touches[0] })
-}
 
 onMounted(() => { });
 </script>
@@ -105,18 +95,6 @@ onMounted(() => { });
         width: 100%;
         cursor: pointer;
         position: relative;
-        -webkit-touch-callout: none;
-        /*系统默认菜单被禁用*/
-        -webkit-user-select: none;
-        /*webkit浏览器*/
-        -khtml-user-select: none;
-        /*早起浏览器*/
-        -moz-user-select: none;
-        /*火狐浏览器*/
-        -ms-user-select: none;
-        /*IE浏览器*/
-        user-select: none;
-        /*用户是否能够选中文本*/
     }
 
     .equip-lock {

src/views/dungeon/battle.vue

@@ -1,7 +1,6 @@
 <template>
     <div v-if="dungeon" class="battle">
-        <div class="player">
+        <div class="player" :style="battle.playerStyle">
-            <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) + '%' }">
@@ -85,11 +84,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 + 1) * idx2;
+    const left = monsterIdx * lenght + lenght / max * idx2;
-    battle.value.left = + left + '%';
+    battle.value.playerStyle = {
-    const position = Math.floor(left % 4) * 32;
+        left: left + '%',
-    battle.value.imgLeft = -1 * position + 'px';
+        backgroundPosition: Math.floor(left % 4) * 32 + 'px 96px'
-    battle.value.clip = 'rect(96px, ' + (position + 32) + 'px, 144px, ' + position + 'px)'
+    }
     if (idx2 > max) {
         exploreDungeon(monsterIdx);
     } else {
@@ -105,6 +104,12 @@ 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) => {
@@ -134,23 +139,14 @@ onMounted(() => { });
 </script>
 <style lang="scss" scoped>
 .battle {
-    width: 100%;
 
     .player {
-        overflow: hidden;
         position: absolute;
         z-index: 2;
         top: 1.2rem;
         height: 48px;
         width: 32px;
-        left: v-bind('state.battle.left');
+        background: url(@/assets/icons/player-s.png);
-
-        .player-icon {
-            top: -96px;
-            left: v-bind('state.battle.imgLeft');
-            position: absolute;
-            clip: v-bind('state.battle.clip');
-        }
     }
 
     .monster {

src/views/dungeon/dungeon.vue

@@ -1,9 +1,7 @@
 <template>
     <div :class="['dungeon', 'df' + dungeon.difficulty]" @contextmenu.prevent.stop="emit('battle')"
         @dblclick="emit('battle')" @mouseover="showTips" @mouseleave="closeTips">
-        <div class="icon">
+        <div class="icon"></div>
-            <img class="icon-img" :src="dungeon_icon[dungeon.difficulty]">
-        </div>
         <div class="lv">lv{{ dungeon.lv }}</div>
         <!--  -->
         <div class="tip" v-if="tipsShow" :style='tipsStyle'>
@@ -18,7 +16,6 @@
 import { useStore } from "vuex";
 import { computed, onMounted, ref, watch } from "vue";
 import { useI18n } from "vue3-i18n";
-import { dungeon_icon } from "@/config";
 
 const { t } = useI18n();
 const { state, commit, dispatch } = useStore();
@@ -46,7 +43,7 @@ watch(() => props.dungeon, () => {
 const ramdonPosition = () => {
     if (state.mobile) {
         left.value = Math.random() * 80 + 5 + 'vw';
-        top.value = Math.random() * 70 + 5 + 'vh';
+        top.value = Math.random() * 80 + 10 + 'vh';
     } else {
         left.value = Math.random() * 64 + 2.5 + 'rem';
         top.value = Math.random() * 50 + 2.5 + 'rem';
@@ -91,15 +88,11 @@ onMounted(() => {
         margin-top: 0.2rem;
         margin-left: 0.2rem;
         border-radius: 50%;
+        background-image: url(@/assets/icons/d1.png);
         background-color: rgba(100, 255, 36, 0.6);
         background-repeat: no-repeat;
         background-position: center center;
         background-size: 30px 29px;
-
-        .icon-img {
-            width: 100%;
-            height: 100%;
-        }
     }
 
     .lv {
@@ -129,6 +122,7 @@ onMounted(() => {
     box-shadow: 0 0 4px 4px rgba(245, 241, 0, 0.6);
 
     .icon {
+        background-image: url(@/assets/icons/d2.png);
         background-color: rgba(245, 241, 0, 0.6);
     }
 
@@ -138,6 +132,7 @@ onMounted(() => {
     box-shadow: 0 0 4px 4px rgba(245, 54, 54, 0.5);
 
     .icon {
+        background-image: url(@/assets/icons/d3.png);
         background-color: rgba(245, 54, 54, 0.6);
     }
 

src/views/dungeon/dungeonMap.vue

@@ -5,7 +5,6 @@
 
     <teleport to="#main" v-if="showMap">
         <div id="map" class="map">
-            <img class="map-img" :src="dungeon_icon.map">
             <span v-if="!state.battle.battleShow">
                 <DungeonView v-for="item in dungeons" :dungeon="item" :key="item.lv" @battle="startBattle(item)" />
                 <img :src="refresh_icon" class="refresh" @click="refreshDungeons"></img>
@@ -23,7 +22,7 @@ import { useStore } from "vuex";
 import { onBeforeUnmount, onMounted, ref } from "vue";
 import { useI18n } from "vue3-i18n";
 import { Tooltip, Dialog } from "@/components"
-import { menu_icons, Dungeon, refresh_icon, close_icon, dungeon_icon } from "@/config";
+import { menu_icons, Dungeon, refresh_icon, close_icon } from "@/config";
 import { randomDungeonDifficulty } from "@/tool";
 import DungeonView from "./dungeon.vue"
 import BattleView from "./battle.vue"
@@ -99,11 +98,7 @@ onBeforeUnmount(() => {
     background-repeat: no-repeat;
     background-size: 100% 100%;
     position: relative;
-
+    background-image: url(@/assets/icons/map.jpg);
-    .map-img {
-        width: 100%;
-        height: 100%;
-    }
 
     * {
         color: white;

src/views/index.vue

@@ -1,6 +1,5 @@
 <template>
-    <div id="main" class="main" @click="playBackgound; commit('close_equip_tip')"
+    <div id="main" class="main" @click="playBackgound" @contextmenu.prevent="playBackgound">
-        @contextmenu.prevent="playBackgound()">
         <div class="infomation">
             <Message />
         </div>

src/views/shop/shop.vue

@@ -9,8 +9,7 @@
         </div>
         <div class="items">
             <div class="item" v-for="(v, k) in shopItems" :key="k"
-                @contextmenu.prevent.stop="openPropMenu(v, k, $event)" @touchstart="mobile.onTouchStart($event, [v, k])"
+                @contextmenu.prevent.stop="commit('close_equip_tip'); v && open(k, $event)"
-                @touchmove="mobile.onTouchMove" @touchend="mobile.onTouchEnd"
                 @mouseover="commit('show_equip_tip', { equip: v, compare: true, e: $event })"
                 @mouseleave="commit('close_equip_tip')">
                 <EquipIcon :equip="v" @dblclick="commit('close_equip_tip'); buyEquip(k);" />
@@ -49,7 +48,7 @@ import { useI18n } from "vue3-i18n";
 import { Tooltip, EquipIcon, Dialog, PopoverMenu, Confirm } from "@/components"
 import { randomEquipQuality } from '@/tool';
 import { menu_icons, qualitys } from '@/config';
-import { usePopoverMenu, conisOfBuy, getArrayEmptyIdx, userMobile } from "@/tool";
+import { usePopoverMenu, conisOfBuy, getArrayEmptyIdx } from "@/tool";
 
 const { t } = useI18n();
 const { state, commit, dispatch } = useStore();
@@ -158,22 +157,6 @@ const showMenu = () => {
     state.curMenu = showShop.value ? null : 'shop';
 }
 
-const openPropMenu = (equip, idx, e) => {
-    e.preventDefault();
-    commit('close_equip_tip');
-    equip && open(idx, e);
-}
-
-
-const mobile = userMobile();
-mobile.onLongTouch = (e, data) => {
-    commit('close_equip_tip');
-    data[0] && open(data[1], e.touches[0]);
-}
-mobile.onClick = (e, data) => {
-    commit('show_equip_tip', { equip: data[0], compare: true, e: e.touches[0] })
-}
-
 const keydown = (e) => {
     if (e.keyCode == 83 && !e.ctrlKey) {
         showMenu();
@@ -220,18 +203,6 @@ onBeforeUnmount(() => {
 .item {
     float: left;
     margin: 1rem;
-    -webkit-touch-callout: none;
-    /*系统默认菜单被禁用*/
-    -webkit-user-select: none;
-    /*webkit浏览器*/
-    -khtml-user-select: none;
-    /*早起浏览器*/
-    -moz-user-select: none;
-    /*火狐浏览器*/
-    -ms-user-select: none;
-    /*IE浏览器*/
-    user-select: none;
-    /*用户是否能够选中文本*/
 }
 
 .icons {

src/views/version/update-log.vue

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