From b19667794eb7c47a620c4ded6a4be70c683c0770 Mon Sep 17 00:00:00 2001 From: mengyxu Date: Fri, 25 Apr 2025 16:28:21 +0800 Subject: [PATCH] =?UTF-8?q?=E5=88=86=E6=B5=81=E5=9C=B0=E5=9B=BE=E7=AD=89?= =?UTF-8?q?=E5=9B=BE=E7=89=87=E9=9D=99=E6=80=81=E8=B5=84=E6=BA=90?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- public/img/map/d1.png | Bin 0 -> 611 bytes public/img/map/d2.png | Bin 0 -> 586 bytes public/img/map/d3.png | Bin 0 -> 576 bytes public/img/{ => map}/map.jpg | Bin src/config/assets.ts | 5 +++++ src/views/dungeon/dungeon.vue | 13 +++++++++---- src/views/dungeon/dungeonMap.vue | 9 +++++++-- 7 files changed, 21 insertions(+), 6 deletions(-) create mode 100644 public/img/map/d1.png create mode 100644 public/img/map/d2.png create mode 100644 public/img/map/d3.png rename public/img/{ => map}/map.jpg (100%) diff --git a/public/img/map/d1.png b/public/img/map/d1.png new file mode 100644 index 0000000000000000000000000000000000000000..fd509f98601322fcf7d8afc2d63500d5d890451a GIT binary patch literal 611 zcmV-p0-XJcP)0006iNkl0Ww2yI1!G;%k(CD2k4oUeEl%`OWo$6+2=Qg)3`Wk&n_wmQ8{yLUzaqZ; zh8VR?i*q2`^r-J8U}Ksgoid92!GcgaFsXvjCU7Z(cUxo+dO{p5q$u{32Cujq({Xu; z;|gNvHOQfy9b*)PQ#}TUz@^k3r{^)nZh2P6bj5LX41-cQ(`Sc9yD@zE2 zU0&pXL{x>gB1tKA8e_RCPA%ud;7BKL#M&-z8u;;ddP;S!!^Q#dyoSFT=bG-GkMx@c+`;r> zuj_aiDlYHSIP3LvLlEy+BP;T9XvEzHx7dww1cZnCC-L|g zJQ`_XR{VHfq316>7E5`ZNxE|pk-1FFET`J?QLmmZ03f{1w2yNcmyo(~aeU$3n>dfr z@hWlT94;r7LZM31N_w`2Vf|GMDJkOqmO;=DS)qejdG)dcf^9-tyJH{eme=az~5$6jK8Vbqu@ xF(+b`(Gw_wB#7Tq-S@h{9}t80tYaTdupd9%(eH0006JNkl>@vVte;8? ztyvLgXKXA ztXg=llw)Jqz7VrActe7HRX;4Qr(%@DU>Ad&q`f4_m{;PI{Uv{_8iT>&x+6@$I9QyI z#PIE1CZ9*HdhR20YjNCTam>6Dq$vdfwnUuz z-@NA__d%d)DogTw6dK%Gmzg2B>urA$=i{(ClcSU`tYEa_=5-~D)cGt%sYa>b?1ULu zSl`T1aH_0TsS2l;|1TUGT1;PzfIXh!^Dl9h*3}RpJ&(U9l;6jxFc5^B4mXaUVq7Fx ztvppmW#v(rzh7qserDm06&Tq(;`L@Lt~FUkh5gMV$*VOoMXqieI!1e)?GX2#%O;8#;!SDjcI@J|0+G4&SM Y2hfDw(!FZ)ZU6uP07*qoM6N<$f)Q#DJpcdz literal 0 HcmV?d00001 diff --git a/public/img/map/d3.png b/public/img/map/d3.png new file mode 100644 index 0000000000000000000000000000000000000000..ba968f1e7890cf2768b7e10977db5691235eb762 GIT binary patch literal 576 zcmV-G0>Ax00069Nkl%7=#`@zhrgY@+yRFG33SDJi94xv&v~Q1fH#d-%xJ2w$3_-0dQWUXXqJ#!h1zQSS;&e z$Rc=$qa7V%004NkR|o?R>mb|1Zi}Yu@6Kw9^p#X`E`x;T}f);$!y zhm-Rb7}wrDQEFJL)Tl%ohAC_K(Q+*K0%V`!`u#WACJ)FB@ovx+9jy3>zGPXz||?^=)
-
+
+ +
lv{{ dungeon.lv }}
@@ -16,6 +18,7 @@ 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(); @@ -88,11 +91,15 @@ 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 { @@ -122,7 +129,6 @@ 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); } @@ -132,7 +138,6 @@ 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); } diff --git a/src/views/dungeon/dungeonMap.vue b/src/views/dungeon/dungeonMap.vue index 37b325e..40c6286 100644 --- a/src/views/dungeon/dungeonMap.vue +++ b/src/views/dungeon/dungeonMap.vue @@ -5,6 +5,7 @@
+ @@ -22,7 +23,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 } from "@/config"; +import { menu_icons, Dungeon, refresh_icon, close_icon, dungeon_icon } from "@/config"; import { randomDungeonDifficulty } from "@/tool"; import DungeonView from "./dungeon.vue" import BattleView from "./battle.vue" @@ -98,7 +99,11 @@ 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;