diff --git a/src/views/dungeon/dungeonMap.vue b/src/views/dungeon/dungeonMap.vue
index 40c6286..df9213e 100644
--- a/src/views/dungeon/dungeonMap.vue
+++ b/src/views/dungeon/dungeonMap.vue
@@ -20,7 +20,7 @@
 
 <script lang="ts" setup>
 import { useStore } from "vuex";
-import { onBeforeUnmount, onMounted, ref } from "vue";
+import { onBeforeUnmount, onMounted, ref, computed, watch } from "vue";
 import { useI18n } from "vue3-i18n";
 import { Tooltip, Dialog } from "@/components"
 import { menu_icons, Dungeon, refresh_icon, close_icon, dungeon_icon } from "@/config";
@@ -34,6 +34,14 @@ const showMap = ref(false);
 const dungeons = ref<Dungeon[]>()
 const battle = ref();
 const curDungeon = ref();
+const min = computed(() => {
+    const lv = state.playerAttribute.lv;
+    return lv < 6 ? 1 : lv - 5;
+})
+const max = computed(() => {
+    const lv = state.playerAttribute.lv;
+    return lv + 5 > 100 ? 100 : lv + 5;
+})
 
 const showMenu = () => {
     showMap.value = !showMap.value;
@@ -53,8 +61,7 @@ const startBattle = (dungeon) => {
 
 const refreshDungeons = () => {
     const tmp = new Array();
-    const lv = state.playerAttribute.lv;
-    for (let i = lv < 6 ? 1 : lv - 5; i < lv + 6; i++) {
+    for (let i = min.value; i <= max.value; i++) {
         const df = randomDungeonDifficulty();
         tmp.push(new Dungeon(i, df));
     }
@@ -81,7 +88,7 @@ const keydown = (e) => {
 
 onMounted(() => {
     document.addEventListener('keydown', keydown)
-    refreshDungeons();
+    setTimeout(refreshDungeons, 500);
     setStype();
     window.onresize = setStype;
 });