From e827f98cefd4159989f2602ab5430885f582856e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E8=A5=BF=E7=93=9C=C2=B0?= Date: Wed, 21 May 2025 01:59:08 +0800 Subject: [PATCH] dev --- frontend/src/api/info/type.ts | 2 +- frontend/src/assets/img/icon/exchange.png | Bin 620 -> 816 bytes frontend/src/assets/img/icon/exchange.svg | 39 +++ .../src/assets/img/icon/exchange_active.png | Bin 593 -> 815 bytes .../src/assets/img/icon/exchange_active.svg | 39 +++ .../src/assets/img/icon/exchange_disabled.png | Bin 0 -> 731 bytes .../src/assets/img/icon/exchange_disabled.svg | 39 +++ .../src/assets/img/icon/exchange_hover.png | Bin 645 -> 905 bytes .../src/assets/img/icon/exchange_hover.svg | 39 +++ .../Skill/components/SkillReinforce/index.tsx | 178 ----------- .../components/SkillReinforce/style.scss | 7 - .../Skill/components/SkillUP/img/106.png | Bin 0 -> 2444 bytes .../Skill/components/SkillUP/img/107.png | Bin 0 -> 724 bytes .../Skill/components/SkillUP/img/108.png | Bin 0 -> 1786 bytes .../Skill/components/SkillUP/img/attack.png | Bin 0 -> 8755 bytes .../{SkillReinforce => SkillUP}/img/bg.png | Bin .../img/bgBack.png | Bin .../Skill/components/SkillUP/img/cd.png | Bin 0 -> 10495 bytes .../Skill/components/SkillUP/img/title.png | Bin 0 -> 12619 bytes .../Skill/components/SkillUP/img/up_1.png | Bin 0 -> 2051 bytes .../Skill/components/SkillUP/img/up_2.png | Bin 0 -> 2099 bytes .../Skill/components/SkillUP/img/up_3.png | Bin 0 -> 2151 bytes .../components/SkillUP/img/up_active.png | Bin 0 -> 2797 bytes .../Skill/components/SkillUP/index.tsx | 285 ++++++++++++++++++ .../Skill/components/SkillUP/style.scss | 75 +++++ .../Skill/components/SkillVP/img/106.png | Bin 0 -> 3946 bytes .../Skill/components/SkillVP/img/108.png | Bin 0 -> 1786 bytes .../Skill/components/SkillVP/img/bg.png | Bin 4080 -> 1199 bytes .../Skill/components/SkillVP/img/selected.png | Bin 0 -> 724 bytes .../Skill/components/SkillVP/index.tsx | 15 +- .../Skill/components/SkillVP/style.scss | 33 +- .../Character/Skill/components/img/up_1.png | Bin 0 -> 1001 bytes .../Character/Skill/components/img/up_2.png | Bin 0 -> 1029 bytes .../Character/Skill/components/img/vp_1.png | Bin 0 -> 736 bytes .../Character/Skill/components/img/vp_2.png | Bin 0 -> 681 bytes frontend/src/pages/Character/Skill/index.vue | 19 +- frontend/src/stores/config.ts | 4 +- frontend/src/style/icon.scss | 14 +- 38 files changed, 580 insertions(+), 208 deletions(-) create mode 100644 frontend/src/assets/img/icon/exchange.svg create mode 100644 frontend/src/assets/img/icon/exchange_active.svg create mode 100644 frontend/src/assets/img/icon/exchange_disabled.png create mode 100644 frontend/src/assets/img/icon/exchange_disabled.svg create mode 100644 frontend/src/assets/img/icon/exchange_hover.svg delete mode 100644 frontend/src/pages/Character/Skill/components/SkillReinforce/index.tsx delete mode 100644 frontend/src/pages/Character/Skill/components/SkillReinforce/style.scss create mode 100644 frontend/src/pages/Character/Skill/components/SkillUP/img/106.png create mode 100644 frontend/src/pages/Character/Skill/components/SkillUP/img/107.png create mode 100644 frontend/src/pages/Character/Skill/components/SkillUP/img/108.png create mode 100644 frontend/src/pages/Character/Skill/components/SkillUP/img/attack.png rename frontend/src/pages/Character/Skill/components/{SkillReinforce => SkillUP}/img/bg.png (100%) rename frontend/src/pages/Character/Skill/components/{SkillReinforce => SkillUP}/img/bgBack.png (100%) create mode 100644 frontend/src/pages/Character/Skill/components/SkillUP/img/cd.png create mode 100644 frontend/src/pages/Character/Skill/components/SkillUP/img/title.png create mode 100644 frontend/src/pages/Character/Skill/components/SkillUP/img/up_1.png create mode 100644 frontend/src/pages/Character/Skill/components/SkillUP/img/up_2.png create mode 100644 frontend/src/pages/Character/Skill/components/SkillUP/img/up_3.png create mode 100644 frontend/src/pages/Character/Skill/components/SkillUP/img/up_active.png create mode 100644 frontend/src/pages/Character/Skill/components/SkillUP/index.tsx create mode 100644 frontend/src/pages/Character/Skill/components/SkillUP/style.scss create mode 100644 frontend/src/pages/Character/Skill/components/SkillVP/img/106.png create mode 100644 frontend/src/pages/Character/Skill/components/SkillVP/img/108.png mode change 100644 => 100755 frontend/src/pages/Character/Skill/components/SkillVP/img/bg.png create mode 100644 frontend/src/pages/Character/Skill/components/SkillVP/img/selected.png create mode 100644 frontend/src/pages/Character/Skill/components/img/up_1.png create mode 100644 frontend/src/pages/Character/Skill/components/img/up_2.png create mode 100644 frontend/src/pages/Character/Skill/components/img/vp_1.png create mode 100644 frontend/src/pages/Character/Skill/components/img/vp_2.png diff --git a/frontend/src/api/info/type.ts b/frontend/src/api/info/type.ts index f2b3e0a4..22e9d098 100644 --- a/frontend/src/api/info/type.ts +++ b/frontend/src/api/info/type.ts @@ -84,7 +84,7 @@ export interface ISkill { maxLv: number bind: boolean hasVP: boolean - hasReinforce: boolean + hasUP: boolean vps: { name: string desc: string diff --git a/frontend/src/assets/img/icon/exchange.png b/frontend/src/assets/img/icon/exchange.png index 8ce035c8a704a1be255d4498ebaabef8f7389a69..8d1279ae855bb4d07abdc5529361414832499f01 100644 GIT binary patch delta 806 zcmV+>1KIrS1h58>7k?B81^@s6iG0m400001b5ch_0Itp)=>Px%>PbXFR5(wyRXtBs zQ4l?I-)h2#UyHb|8-y6`}@SHBB9|I7$gb-k$|j; z;)=3&#>~gt1+CeRH)oI6XmuD1n8@F4|$*O?ShL4QP~6au{wal&|sc>M48 zLu(jdMzgwt0G^VR3KGyk93gu&4kc06KAAAS|QHGXbIsKq)FK)!+ew?zd~uM%jhEG**UiPg-MZqkgI) z_hzc}=;byjB?InjqrfV&X``}bG{-kWip`oJ6=a*#D7&(<5 zK}<3wAm3v$xQD_St=eV)e>tZW2Q!mmj~vT#|Jo?cUVk07Vt)Q+EG%_(jk#DR=*g>H zB$bAeh_LENt@B#}ym1yVVCQAdm~JH0PH5@6SS$saJV#FUic+H2?|UHaK*3GIj8^?? z0DrE6io#nmtgKQ9xTp7q=UI->Xe?93yL4~-Ai0ESUFZbx`f1H^KQvn9^Skb&hu5X| zK#-+oZ-1ZgVv#Zb!74Xk=Vr7T-vW5;q%lXuq{=g5@p3vjt$M zTM_k-s0dot(}(uNcL$zZ9T6%jL{P^~WRJV+YgK5;4{z?%;->;{mXajPz3c5C)mRG< zv@iaMidWV7WM&Koo$E?=`C+LJvvj%^FF*P=w0~5FIMrY?yFJDS=`TB@1o;)G2Y82V`ka?FI11ppqoV*bmvaCwsfKDCNjX)@S#N`*Y$K=#V22&? k5g#X*xdI11f`2Cb1yG;c6t5%+jsO4v07*qoM6N<$g6|x4m;e9( delta 608 zcmV-m0-yb`2J8fo7k?871^@s6lzIJ#00001b5ch_0Itp)=>Px%CP_p=R5(wymCuV3 zVHn51<1HA1pxVk2lC)Xh{_b$-S3zKyuGj<)PRATrLpAHUD%d1poduzw6-3Flis1OPXS#iC-{ zHUvRnpR*LLcNnEoX^nvkg@R%j27`J$p0jXaSr!9Jk_1&%IXIusE2e3lOJY$JQ7)G` zIG4-K1XB`S*WvYgUAu8q5V%sQaBw!8Jrztq+cNR=;VtaE`vSk;KU32*xLU1pa3+&s zj>)exJc35UK7Txaau-*YmvD9c1%kn#E10??$C{>ba5|kF3~xLh<8oHU_T$@- zFLBtljhClFNs-UzW5a`OLzE=cYBdf{rBVtz0k8}1tmg4(^E$keICqEKc(98=Ai#D6 z6?I*&*Eu+uOftt*q=Gb%nnj9+MTs3S9XA>c4o)Nz%zv@-kN*QEr=-K_n2wvxCI`pk z@yV_r_;5JH*SDK<1M7x`-H+e!dH*{oDW#_GR;$IqvMm3j!b$Kqeed;s_EYEAF`j)m zfU5muJ7HQyyWQsCSS+Sc`}1lv8e#9%J*e6dw%;G1JJ4Ce=^`ziPKSe|(dY#1_7I{0 zZ>_K3%~_{I*f{xIaS{`_+wF32Bodhn&n-1ACOD;>6@aw#dOZ#fg+dFdn5T-)Q{us3 uz`@~gcyfa*ve@k!x + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/frontend/src/assets/img/icon/exchange_active.png b/frontend/src/assets/img/icon/exchange_active.png index 7e5fa308a7472d9c0817d01752b630a38e578eda..6de8ffaf7857e970a3a19626634b5d506b9623ba 100644 GIT binary patch delta 779 zcmV+m1N8jS1g{2=F@NbvL_t(IPqkECi;htgUF$sW7-JeAub~MUNhl3&lD}Xe>NYIp#FeVxT(vU_0dAkNA` zD--P?AhuqR7XiyGxr5aoF9q<+#Yd4^Eiko&NP(hcSe}8E8cX|Y9NRRFb9d((Q-!4L z-2|0OBl1=XEPvOw=JORg@QVdUz^VsGevgtfP->JsgMBL}aboKaOm>J<*XIKifyzlx z8B*n)P;aah3V7|eYXSVc{~(Zh%$c|fHT$Y*JHGJ?_Y6Z&MNzJQNj(;+X+b|jelAwB-fTM30d*>hk>XLrCH*!X1sbQbkrRW7R_>?~UA~x9SNul{*3aC~t)ah>a{z zYMebZ`kUmx14Lk|LtK5<#@+D+VlJmBo@O;Rr;z}D@N*+lFz#9nmKz3Hbtsvg+5d^{ zzKqusy??m;WDs9Ez22Kfb0QdHOYf5a9{Ii&aLpQTDnQ5WD;C)#&*`1xeDGlax5fsf zF(rZA5dJ11yIIDz{ucp!@9S`slUxdSe2l0>HI`C9E7tC-G4VrVFJJnUHp8OcG_J6W z?F+{O_|B&xAL;1053?gHx=9efzC$7+F{z#~et#1m{mIy|WITXxkGE$nqz%)Jl@Xe! z-EHHp^KB8M++B^q*!!|;*+dM;t+(?UeTD1oo%Mm|aScP7*a}PdzPe^9hl8X?WB)(Ik74;+hS`0wZ%qj){==TfFG`Egdg(7ZF8}}l07*qo JLu9)Pqi}M35jT&J3yTc~CZJVV8|v z2BU{kcG_{(TKr{qQEpw4(qyZxUM^~VtRo#r57&RR8%a>GD@WqhqKx2M3_L&b@1l-1HAuu zj9@T0wVQw8a=FamOeXUmJRA-Yy%j*=^< zi(02RC<+1B>vaw%5{W-^OgH=eKECd4%yeyMg#Az7aDQ}SvC739HyRBN$K!D}6(S0X zVOqsscGlT*=Rba-aBvFK>Wo!P8#J3u4y&p1KtJWT%kQ{L@%o5Rs)bS{`GBAnWt_OT+k+wF2V5{a-V tu47R&y(C`mFD&NxsyNNDfN$hO{~NQ+4{qSZKV$#^002ovPDHLkV1jL}19AWW diff --git a/frontend/src/assets/img/icon/exchange_active.svg b/frontend/src/assets/img/icon/exchange_active.svg new file mode 100644 index 00000000..83847eb5 --- /dev/null +++ b/frontend/src/assets/img/icon/exchange_active.svg @@ -0,0 +1,39 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/frontend/src/assets/img/icon/exchange_disabled.png b/frontend/src/assets/img/icon/exchange_disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..d701bb6b15dc0a9d75ccd4becf7401f607a55401 GIT binary patch literal 731 zcmV<10wn#3P)Px%l}SWFR5(wyR84CWQ51b|Mwv=zGvf!=MTOXfx~L0FP{9ui@62Xmn+KmeFW#SNHuPTdq+8} zWA*sYq-9yEq9}}6E;IrcIzS6xGyGry0|F?M&>7%b0E7~V5cZ)BV25vV3!E*rYXvG` zzW_9fBGYIzbidz6Vgkl{JUOj_1O&i7wQ;GmR-}t19v&SWFoSAbRIk@ntJP9jmZ@&H z%atJz$aP3i5D3}4;#=UeG?NX?8U%r9Hk%rN;R4_!Nm!x$4+aCVhV0WB*B?B}_Z z2r7ZKR;#IMwMw0)PzjYREeMAg$FW#JEvL4xZ&~2e?`Lv&3``!QC8R_qlr4Zx0y44# z*TMdsTh}b`*KafF2>#gX^;XK}&HxbDoaeb3jYcYtV*~~=?w~ujw=M9=ms2UnQ798f zRhUkvqr)&%)9F+VheMU7DYu**Rbx=~-Q67v{PELg8R z+`iwtziWXf$qA}+N1Dn)MQlSDhGssWQ|n3(^Hg$$>fwWXc0fKHC*15Z(yY==E)FLO z4LMBe7&+ue`+FAn?fYZ&*aab3l5);79NtADUF3+w!Luj(){4V7M>3wA!>$U>1vfq^ zc-+tu+YX*Tw!p6s-$@3uryMSBE^|Lie%jpTOR9Kv@YDjY1nWO~_zhOg-4w&&I&}a5 N002ovPDHLkV1j6DLr?$! literal 0 HcmV?d00001 diff --git a/frontend/src/assets/img/icon/exchange_disabled.svg b/frontend/src/assets/img/icon/exchange_disabled.svg new file mode 100644 index 00000000..4438229c --- /dev/null +++ b/frontend/src/assets/img/icon/exchange_disabled.svg @@ -0,0 +1,39 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/frontend/src/assets/img/icon/exchange_hover.png b/frontend/src/assets/img/icon/exchange_hover.png index 0c60acce56158b95ba4c9fd76607653b58a3028b..ba963c97d14223861362053ed8e92ae098ab455d 100644 GIT binary patch delta 895 zcmV-_1AzR61&Ifc7k?B81^@s6iG0m400001b5ch_0Itp)=>Px&LrFwIR5(wyRo{zN zRTN$8-1~j@IXXBD4Mc-DSY(Kzh@kXida$5;=}8ED$j9FL5BeMGt*7vz9)k4ECm)Oy zl~F=OQWBkXBriV=2|o(>kJ%H( zwk4ThOa>TX)IUg2dDpWWjWn9YB5Xs96`=31{r-1w;KkX`jm>~mAXD)7jpn$XLCK(G zKmf8or`%A(8orrjT0h3zpWg@Y z?N^T>wF8iCWq&3bs;9HZQfN5w<3Zt17S}9g?N0c5j6WKo7*YWEM zuYjombUEn+rUXhdDO9wt!&^_!gcQGxju@Mk+N8R~*ni5H$UQ!oTg8ckV?0|WzBn~R zN-dCDtDqzs>FyQ433YgT2`h#deS@EFY{jJqTit?W=be|SBBul~DB-Sz-E0%GmVb4*n3 z^=w~#w9Khd#+^r-@WZujSbi}yq=qRq8f^KK@_+Jy%{K#h;mMpa4JbC%790M<_@epc zyAOF~X#(dLCoDDUi6%8%;iK<_G7e7O3E<2B%&ODg44)t$eZPFFRDqtSM!hYsI1t@# zF(|d^>U*|g1&5}WVn8nbH510yIS@xy90e|U9aq2g5i`w^PlOLiaPT`n^0FPCc^JSK z9(Zi4BU-H#ptU?lmci@!r2Ts5_V8qJdb-LeCF7mfABPmbERKS4$PoF%5q>txEOGDJ z)KfTuYW}L4G8MeH<9Ps|yS+Y5l}V-Simb6)KTZGl;D#@cSK*8b=HIXYehFVD{0EkW V0V9GBer^B&002ovPDHLkV1mu8u(kjI delta 633 zcmV-<0*3vG2ZaTY7k?871^@s6lzIJ#00001b5ch_0Itp)=>Px%KS@MER5(wymAi`* zQ51)NGdE9>yd**-uqy@)kraVoR!HH%x}69LR(8V5TKEqL_M(D?jcg%qVY@6?3eyBk zFcKsfA_iP!Fhw8rc+1d!36Is;Vj+Tr3t<(=@>tcQh+p1r^5_DwT===ks}$PIDYPH%}%L==vCUZx-?N zWf{R>a6Z_!d4Jc{YE^)9xg2+VSOryiJSgM-)@5YQoW%OAZG^+&xnQn>G1O``0nTQ# zzf?RLjc{%yihG+1PDGAz*v97bsZg)ii$EaYZUq%ruh#|md?v$(M=Eq($9iD}TQ@Gi z>yZ~O$j0p#2!%o}n1=VE(GcKtI;|Rp!NGJQX&}GL#DC}W@xhV?8lcDHL9^Ku;8ZHb z9XmTrP&#Ot5QyLu0+Zubt0lmvS65vX^n<}*fLBkhFXZZmh3(zPubx#nP5#^?Qg z0Zt~9e2?+tUq_y)gK61&e3gIQJs9HQP8FZDZ$I~&){QY}nkK-BM1nh}kmFey4u{x# zbOj&3^m6cE=N%3P26sv!#}xY9Znp(E9*?`jo7X>ea_3qG&vqMt%zi7v8D6K;5#U%X z=2kopeE2~#>tRI|ce`Byjzl6VRdW=fA@=)y0ggtaOQ~3Nu%n{a>v8aZd4qfhmLMmu TI)vgJ00000NkvXXu0mjf2P+%R diff --git a/frontend/src/assets/img/icon/exchange_hover.svg b/frontend/src/assets/img/icon/exchange_hover.svg new file mode 100644 index 00000000..43a5a168 --- /dev/null +++ b/frontend/src/assets/img/icon/exchange_hover.svg @@ -0,0 +1,39 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/frontend/src/pages/Character/Skill/components/SkillReinforce/index.tsx b/frontend/src/pages/Character/Skill/components/SkillReinforce/index.tsx deleted file mode 100644 index b6ddb500..00000000 --- a/frontend/src/pages/Character/Skill/components/SkillReinforce/index.tsx +++ /dev/null @@ -1,178 +0,0 @@ -import { getImageURL, getLocalImageURL } from '@/utils/images' -import type { ISkill } from '@/api/info/type' -import { useVModel } from '@vueuse/core' -import CalcButton from '@/components/calc/button/index.vue' -import CalcCheckbox from '@/components/calc/checkbox/index.vue' -import CaclIconSelect from '@/components/calc/iconselect/index.vue' -import CalcOption from '@/components/calc/option/index.vue' -import { render, renderList } from 'vue' -import './style.scss' - -export default defineComponent({ - name: 'SkillTree', - props: { - skills: { - type: Array as PropType, - default: () => [], - }, - lvInfo: { - type: Object as PropType>, - default: () => ({}), - }, - }, - setup(props) { - const lvInfo = useVModel(props, 'lvInfo') - - const skills = (index: number = 0) => { - index -= 1 - const reinforceList = Object.keys(lvInfo.value).filter( - (a) => !!lvInfo.value[a].reinforce && lvInfo.value[a].reinforce > 0, - ) - const currentReinforceSkill = index >= 0 ? reinforceList[index] : undefined - return computed(() => - props.skills - .filter( - (a) => - a.id.toString() === currentReinforceSkill || - (a.hasReinforce && - (!lvInfo.value[a.id]?.reinforce || lvInfo.value[a.id]?.reinforce == 0) && lvInfo.value[a.id].lv > 0), - ) - .sort((a, b) => a.learnLv - b.learnLv), - ) - } - - const itemChecked = (index: number, reinforce: number) => { - index -= 1 - return computed({ - get() { - const reinforceList = Object.keys(lvInfo.value).filter( - (a) => !!lvInfo.value[a].reinforce && lvInfo.value[a].reinforce > 0, - ) - const currentReinforceSkill = reinforceList[index] - const currentReinforce = lvInfo.value[currentReinforceSkill]?.reinforce - console.log(currentReinforce, reinforce) - return currentReinforce == reinforce ? currentReinforceSkill : undefined - }, - set(value: string | undefined) { - if (!value) return - const reinforceList = Object.keys(lvInfo.value).filter( - (a) => !!lvInfo.value[a].reinforce && lvInfo.value[a].reinforce > 0, - ) - const currentReinforceSkill = reinforceList[index] - currentReinforceSkill && (lvInfo.value[currentReinforceSkill].reinforce = 0) - if (!value) { - currentReinforceSkill && (lvInfo.value[currentReinforceSkill].reinforce = 0) - } else { - lvInfo.value[value].reinforce = reinforce - } - }, - }) - } - - const exchange = (index: number) => { - const skill = itemChecked(index, 1).value || itemChecked(index, 2).value - if (!skill) return - lvInfo.value[skill].reinforce = lvInfo.value[skill].reinforce == 1 ? 2 : 1 - } - - return () => ( - <> - {lvInfo.value && Object.keys(lvInfo.value).length > 0 ? ( -
-
-
- {renderList(3, (index) => ( - <> -
-
- - {renderList(skills(index).value, (item) => ( - <> - - {item.name} - - - ))} - -
- exchange(index)}> -
- - {renderList(skills(index).value, (item) => ( - <> - - {item.name} - - - ))} - -
-
- - ))} -
-
-
- {renderList(skills().value, (item) => ( -
- {item.name} -
- ))} - {renderList(36 - skills().value.length, (item) => ( -
- ))} -
-
- {renderList( - Object.keys(lvInfo.value).filter( - (a) => !!lvInfo.value[a].reinforce && lvInfo.value[a].reinforce > 0, - ), - (index) => { - const skill = props.skills.find((a) => a.id.toString() === index) - let tooltip = '' - if (skill) { - if (lvInfo.value[skill.id.toString()].reinforce == 1) { - tooltip = `技能攻击力 +${skill.learnLv < 35 ? '60' : 55}%` - } - if (lvInfo.value[skill.id.toString()].reinforce == 2) { - tooltip = `技能攻击力 +${skill.learnLv < 35 ? '43' : 38}%
技能冷却时间 -15%` - } - } - - return skill ? ( -
-
- {skill.name} -
-
-
- ) : ( - <> - ) - }, - )} -
-
-
-
- ) : ( - <> - )} - - ) - }, -}) diff --git a/frontend/src/pages/Character/Skill/components/SkillReinforce/style.scss b/frontend/src/pages/Character/Skill/components/SkillReinforce/style.scss deleted file mode 100644 index 8219755d..00000000 --- a/frontend/src/pages/Character/Skill/components/SkillReinforce/style.scss +++ /dev/null @@ -1,7 +0,0 @@ -.skill-reinforce { - width: 620px; - height: 334px; - background-image: url('./img/bg.png'); - background-size: 100% 100%; - background-color: black; -} diff --git a/frontend/src/pages/Character/Skill/components/SkillUP/img/106.png b/frontend/src/pages/Character/Skill/components/SkillUP/img/106.png new file mode 100644 index 0000000000000000000000000000000000000000..c01bbc9d8022bbf471110ab6472e6a833ab71452 GIT binary patch literal 2444 zcmV;733K*|P) z&5rCw6@b4}F5kI7Nyr*qSmEmO<_EwR`8g%fX-goW z1QbP8*KRld4-paKkHg`p#3Q)*Wgp(&U4OB-cYfmP@}>g*2E6WQX>>=UJ34LXXbIYl z5@8aZ3qmH5R8)8>sj20HS}v&Y0DlL*cYAl;<@frPzxNsF>xb}`o!-;vBaJ@N_7V|L zHHprRK_W?!2#=SVTAowOb1vj1FWjrwAfExhnBJRlb$RovPTNl(^bHT;D|Y&py*|?D zj#l>sx=AE5&Wk(}IV!w7qm~Pv$#X8`6))U7ypVUP#D8*ocm3P(KH%!|=3U_PPTQZ{ z>%X}V|495MDOy_y~iu}KCj&S2=XuBXCC-7 zz+-sJL-;Cf*>DyfY1pO8tQ+znY(P6JBt4FKQIx2qp>r)kLb}4?@Kn^iaPNEo{KW%w zwCwbroxWuk?&Fq@V7=34eextaqXc}XZK}LlI_>D_2pWT! zYDksX_>XA%r;PJNiLY+|n#b2a5JU+Y=%h=YByY6E2fCsE6NnX9NJ+G&c``JBH5iLQ z(IFzKq`6Y<2r~K+eTkb-o(&0e9(m@QMWAxna-i=K=H9q|$cl4f;{}%c7(KZUeV`e9 z(SYmgto#;KXJ<^N63Jh81#EENi$uoB zm_)|Om_)|Om_)|Om_)|Om_)|Oth{AN7;8D1ZAMwlU;A|rED{+fV-guBGa1h2gO?3t zW%E=YED{+flOoYpB5m=gY>v4Q_ZEqalbM$In`zGPAj}W%;%|Z%a6PBcVeSYwDu=VrSdo)g``K{KmHX_G7$P#PGPHsgclc+qlBao!$BYr#~GskQ=E1jhS{duzA#TM!t zhdAcKYM*EtvMdsn%~o>LKigv^zHu_Pp2#@B;bE+2_7TMM;FTv)CQ)h39a!rT!K6>L zHqmC0sBG3E(DK+%P3w=`Y_m6>mB`Wq$6EJrkrVZy%KAjcTAygmg(K^UY&a{MV-C#v zMC+4n7KuvcxD$~B?|{vZO`zBzGK)l|v(<8*XGMN#n1j`cH=BeljcHC4y&z4(=G%c1 ze{FA+#nXK7hbA~IBPyFiKIG^8@@coSw-2)}lPw=MO8n`q%XYU>9_!OzONQ!fyF+9W zmC7+Evg#~ezHD;mRhkWFB_cBqma958hcip9jh?O4ddh0Y+J-X&)=k*xSf`Vc?L|QH z=8_F(Ws*D?wwWhn&BkTFdRp9rDO4hBJ}e9T&Cju3Q^_cr$NL+jDV zB2lR;l|$MyepaiA){Pm_9zoW1i_04F8zqO;n<18sYB72cWd~T{wIuYi-iv>o`?uO zj(c(IFA$MfnMtb7h!b#Xc~LP;=FKGaiBfLlhGXd?(VAfujt+-I#i0riWipY@pK+)f zBajSU%p;MDk;qAflZqrr6Wi{MNtJ2q3b_hMpGOTljwX&67{*VI6S=@_25a|Du7HPSK-yuxel)Zl|WzN zi*y7PRCE-{I7@ng;s_OoFz-BG(w2@ZS4|~~<62E{fldSJk|;sIIf8Zs0*VeIfwdpc ziJ_4r*KvViX!g zGR~1c3W-Rn#9U0OogX5Q6Zh-eyX#Mfd**-S>hk7yz{gE!l0Y4uc5yiChcqye&JdC8 z4H^rYo7}8OW^ypt6zKdgG5T0F15Y@0000< KMNUMnLSTYXMZWa_ literal 0 HcmV?d00001 diff --git a/frontend/src/pages/Character/Skill/components/SkillUP/img/107.png b/frontend/src/pages/Character/Skill/components/SkillUP/img/107.png new file mode 100644 index 0000000000000000000000000000000000000000..9a1e4cd0b2ba31e910d483d6344cc7aff8dde406 GIT binary patch literal 724 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 literal 0 HcmV?d00001 diff --git a/frontend/src/pages/Character/Skill/components/SkillUP/img/attack.png b/frontend/src/pages/Character/Skill/components/SkillUP/img/attack.png new file mode 100644 index 0000000000000000000000000000000000000000..4201749d28ba30d4960d39aef6026f0cdd753502 GIT binary patch literal 8755 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 literal 0 HcmV?d00001 diff --git a/frontend/src/pages/Character/Skill/components/SkillReinforce/img/bg.png b/frontend/src/pages/Character/Skill/components/SkillUP/img/bg.png similarity index 100% rename from frontend/src/pages/Character/Skill/components/SkillReinforce/img/bg.png rename to frontend/src/pages/Character/Skill/components/SkillUP/img/bg.png diff --git a/frontend/src/pages/Character/Skill/components/SkillReinforce/img/bgBack.png b/frontend/src/pages/Character/Skill/components/SkillUP/img/bgBack.png similarity index 100% rename from frontend/src/pages/Character/Skill/components/SkillReinforce/img/bgBack.png rename to frontend/src/pages/Character/Skill/components/SkillUP/img/bgBack.png diff --git a/frontend/src/pages/Character/Skill/components/SkillUP/img/cd.png b/frontend/src/pages/Character/Skill/components/SkillUP/img/cd.png new file mode 100644 index 0000000000000000000000000000000000000000..8c25d6e1bbd09e293b718c2dea7e158ea7d7ffa0 GIT binary patch literal 10495 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

EOY!hl0JPNC2Ozq8 zG<+iHciq)gO<2-bm$dTaeD1=b@pw--=-N@JsOpOsR{m7g^lRh8;S-0(V-GhKeev+l zu7{!_=i!B9^>3bib@f|q;4GE3n6^~M9`U#UIL8Kq-47if{PU`$ou67PP5@8|fu73M zXA@EHUY2FNZjqz5^#ukF?1&wuD2lv%Df#$vs&X|J@g5Q#oX9d%VScro3Hx0!LEzi~ z1;YfqF5X+IE7wX@Ifa`u*l$Q%ailH(PXOTRjeB=jCF4fLjDSKaUtb2GZ6643%U3ky z%gxs$S*uPj6&L>M+gJYZ>RjO;2fO{d0$%Y*GS@u&+^Z{(qa|^c%1Y>{sx@g=+0zZc zyK^`^a_Z>77jzTM^_9xi_IHW^GP+@|U75}Nr9q&jOA08O_Aaegr@!>Q$*-?vYPnKX zE|jbCRH3S2TYqpn0ChD}owJXjSk*Do8#siGj`c0^`B67)PUE`(cwH{Xh-MIb!yZXx ztIK|mgXMXyN6}5JWh$?sZ9fPBH8EdUiG|${WGjkt?%Miap`|8ObR^GGSL>Y?c%C+R z+wVEt_kU)Wi(g&NO8UfnZWS$Qt)o@{$Q8=cOeSA{+9beQUWQ`O!xTkXAdvN3?Xseq z;CZgc?-96kuC}Thre=*pQVj%r;tp&qjovac*$m+8)jzDFcaUZ1FhwzO`^?oPty-7V z%4mP6tK85jlfW4235<>nhI(m=VgRtm_w_s?DJH*?u0LNWHIitlh+R$WRXhh;YU>8z z-Mc-u^W>5KKU-X{e&_mXC9NBzXqv>T1UB1~PzF$%UdVl4H;JU`1R=lR-8m8-WEhIu zF%<4kL_IwO6v_>q+BOhO=!PkmYf8>O7K&!#?Xmi>vHRhTO1C#0>CFXZ4xMyW0Ik|> zygTL@lQnaL^IfUSc>r2G>`pXf15H_9>k2y)`^F+CP8}OSI^Vbw4Z033r6sJT%TKjI zYqoz{hS~zpUU>KJ-x1q=$G+Y_PUY&)e*gKoCm%X7@~)<$Pok5#w!TjTsK|4WHu4M}KbHRZ7E>$OxHL(Bk()F*dq$=x#K;1poeX=Xc zcd;BB1Yp!9CBI=TDuLU{_ZKV8Y8xo4{!>TG=30E;0Fp&VEbXhFAFWhXq$lRxwP!5$ zP*2=@fDkyA(vn>OAvM(s0E5tUfWSaQQqurn5<<-`6;lJfVF#g1NV2+sja{Y|6F{fT z=mg+DxGQn|$e!;1R;tR$Z#_BnI3aL_{G!VMy*-t!UTcGA0ce3J18A`7YL);X6x{-_p;YZltZov#|KahEBr~!mQ4~zwqyz#As;bv*&x6Ck zbv0E2O*eD4fp6}0w$#@Jz&}0`{gkE?@rBpc&gi=72f*zdjg6M;T0WVn<~KdV`m6#_ z43jh!&BzK4uEzxEfKPPgOOgTrx^C16DCj2TpePD;No{N%520wbuRE}-uRE}-T$2}< z)=E#DyOMlDYefxKtFhHMKy3z)eeB^~9}M`Mzr?Y$RaZc{uAx%bV3=0q(V?cI%c8*X ziq=x?edCEcSccLGA+6LA!}D?B90Z>f;N>--#@9zEBkv)m|SFa|Y zj)pz^*7NfGCeTdVGcAeKbc2)#s2<$_?mXCkhoTt`nxYJoP@+aCC>nt%u$>47Yo0egU=%l?%g5&^7v@{1Eq@e?TPEzznz-P+C#k!*%$(Vy!h(!KOf%P z6L2{l@0S$PTW{*v0ujC4RX|f6`KD=#ZK?(c0G6eGR1=a_uouGtS9iIgdvuea%ge(l zu*0YC8yl+DRYOs0U&cn&wHtKnGH42lH9MMa>ek>WngTIes@i!wMcLKZAOxklhEiRF z)4?F%;o%mUpwBCw*ftoRoSMtd+nKijv}RFD=W3@RUTd9hS&Qo3o%3{4B7z`N1%%b=*bZV;l<6vc}I7jJ`P?}oB>y>b9}zt`EP z**X`hl8$0ksa%^}`CPdot>fl6)$V@L0BDY7-39>DH06e*Sf&G_z`IE6?+PJ=@_7aK z>$T$;hN+gy^$V+Oh3}UujY$Amv>boC)4yR6u_REn{jRpblxnqRb8>nuF9_V_V@Jk* z-u^P5NAM=o6-H6?k|;X5x}u)=O0u{H0DXx-)G&xlu{19Tjv<<+oTf=`H1xFJVeipn z1*fA+F*;gq7-n-~dhJh2<;HA#VjAc)FxdgT@eGb7>yW^Z8SmN&x_ghTSm& z3bJAp0np)~JGglf$>*yxGuM;f)--({ot~O9ITa_s$%&*1^`A?b@%2M z`u(mT09H};k{}9QT`~XOcR%DC4EUVGG)?g{%he_U1VscvoO_M0IbL(Fy7HgN&>*+=N{)Ae1EZ6eRgs-eSUs9pN@om1KYOu{+y&37#)h9 zx-zx?Dq0S@RgtqCY0xxf5{8Kp=pcj`i%aQ0&tyt30$2x-Z-2*1I#|+YkDA2M;phQb zGeH1y`Rc-#&Yo8rBZHBi-b7&7;}P}~D5%$)X#lLtEe4fMRDh(svSFBdCR+8YxRb_CMgC62O|6112hSNQL8l<34l^v zqYm!v|0vI~akOeH!8V8-0HZe%=u$M36pGc)FU+rh2QA6Vp`*IiAgo2_M!E}tXW#DL z!zRV_5dgJ%a~T~~qx$;72b!vZdP82V*JX8NDAKPQVC-X&BzYd4jQHjS<8^5(`9Ok> zBsOx{@&y8lShFUnCIW>V!)~-953W&$qCYTYzl=@p@gjcwz2)=p-Dh)fVWetB6jz%O4E5dlGT~ z*#5o!?+`@cNIEC2Ub-;-7pYX?YqczF&)FrhtGqw1N-{%aDZSOr; zm2}D)10m3^&#Zh=*Ns)QV&6JCHu}c`&<-LGKwwzL;R|{WT1ha&B6?J^0NuBd0QuO~FPo+>S>tsXdLJyo){ z7HsaOxB8haTjvGf+p#^dcX%**Hz;^VhN2%`$uvq=E?xhEqG(M`GmN=~%seQn-jxU( zN|$7;uVr5@muj^;j*cGHzy?&^yphPO)ugHQwd@bjT0BZ7Qv zWW8Lf8dr>b#0VI+^=+t=hPZ&VnW5 zCsdWQ$gavfD2n(3-b2V056{{L)fx;pmakL*rvz z4_>;s@OLXq>o2elF-T}8;&E|8B;wt_W32nGSkxEbIL0WJ8clSzAcz2*PNyTdZ_mK- zg9nB_vU9xm->$3{&VZ%^@kHd4<%)Fi*=Mf)B}I|+9Y=;f$})5zlP#AYd|>Z;0s+@x zsitbzr0kzP_l4La{#S_q&E(cxmQ~E6bUs_U-KW zzU_~?J>o!j#1-^7Sqkl>2q8pKRXuB%rbJT|%`mi^ zef3)X%=6D){brj-Zriq=Jx2}?eYjGQ7X5zL*iu@;%3}KQ<@wdi`}PhT-La$Z?ThKg zhWIzVmihbT`L(YASVBvMtJs4518z?O?O@UXxMou+g`%OmKv6V6p{bhaiFZ84N>H zG{ZP4ilQ~$tXC?{sk!;|ch=LD3!EtKXPvGCjY|FHOs0IE7CmpT6w7C{mL25_#cDki z4t7VQz8$Heg4BBPsrl)}CjhA1$9nci1~aH=orVBa(NfnZ=Kq2avWAYcu40QVzPAgY zH6t_tMv)bR7aVS<+cj#{S9Jpz8I1H)s`B#U_0_Yi)8zrfB{ahJ4EBdS>&g6*X%h2o zZ`=F6T3udRm|1y6Rn&SRS6cLj!~3QtR~|oiX6hfVUS0k{t|(3A^3qD7)GX>08{q|U zSQJ?9%=4E&pH3Io3;9Z6U@$g3G87%0pHIyT0_VBw?!E785^lVym{?Dh&d*$#{W{w1 z8mUxq#S;!4p=m~J14vfpSO2V0YfPXed1Z7u^taTV^=2dx==fuNxmYgv!oi&k&-)1| zG&K_}%TPYApf1j*F6GntN!lT@(WrNzEAHza8tK~M@i@6a*njZl7p{F-*K`>Gak)it zWXHgVm*-Z$r>U9>fEwH}^e#cpD*Q0t2{^7LS51Ktu3aWX(w#CN>xga?;3os zAn?lJV>=%62i$#4)x^q5?xpKjXTOV48v4umaV#c-h%`b zs^!`fYx67LZi8ppzAa1Nn*s3k%AR7qT+8@lk^L0S@B|dHx$4w~GgrSxOwt5^Qm(k% zR7lz3c8~ZxqAwWsjV>jt>2kg_tH^2-02$vkxD%WZU7A^X7HtV1+tIt5p=o1nIXwq} ztyLRx&v4&Ko+hisLbV2f7u{k&@cKpv2V)0lnh}$^raC*h^u*fS@&!S32zQ>``(QR* zT+nqx1EAH))#X4uI;897>h(*LpCyE3(b)=SIqW}`21^S-d#8dEfYa%Ag?zE-2~adA z)uf5JOA}u*4YLUV-F>lsr`y$)Sxu#~>Efc!2!595{S6h~1N#S$b@xTO9S)vE;-T^N zOf6N;=4Y*U1>&(?s%{#Ywai?bS5^oFdg2jJ$m4ao_a7d6WOQuckzCbqF$|5lrQ*`$ z#mOhixnkZQ^2P6c;L!VhLGSkNzSxen<;*o*H)H?}MOMydSJ(eh*L2J0vkLrgn56wt zfZPt*+k686qP&Ak+;{rU&!x-yaJ|~NIDg^tUlY?b0I*#>(ZM4p_WlyX(8Anoa$@4b z^i@OGwO}Hi=o#wWJJ=hDvTQ4wtVtSDncBLC)8}f{Mp~7%x-%F&3J_H)l`cC3-tG1{ zqZN%E>reQiqN6qUs%BzgwUkLMuDw=VPbERYF)}_pzI*TReoz!ssHh10cu11G{QM8k z{;|}Mtz?0{p~-43xh?6tT>!1Topmro06_5G(|7)c+v|S!%tGOn>*p{0DKSkG0H5fK zZ9jD9-e1>ExCj9R2ZKgKZeF{*Fq2wXnI(iMzGx)WHINwT=?)Jx6q9Ed3K4&2zfGnn zgQhqBEme@g(i9vVr6$+%^Qo28OeK@e0N~vLUu^%;@x$SWKcZ?TlKCc7&4lP+&>Ioa zY|4u-{_DBlYt*C_w8FK`jZL?GD$?!xf%g3&zJn+BJ>1>j^#}7yrRSzzIsaMHFjN3c z_dwV1{^NT-rZodLNQ;! z?f1AvKhJZHnrt{|nu3d`6;;#ZdaYS5m+HkzzL>1%3whHtX#kwd=M9hS8s61E81JVj ziYnJszgaEUR?(6|dvnv4cPQNsfY!oc-=*mp*gmj* z*WsOCNv5i2E7U-(VREVV?s&7YnrNvc~#aK9@~q z*Q%M!nxSb8Y^=ChgW2Fd0bp33cSU*=13d%r{&*rB1zPHyDanxJ&Y3)huGjPP^N%;H z)%oEAd*3(IAKasB+SJ*n&V8m_D6eBBq(RBOuG*(aX= zZPU=LZ35O_TpvZ#-SP3Azw8PH9|AU3^f;DAz|Fzu=0MXF2q9=H1}PP4wQ9Lqk!p>K z(o`CTrYWXj7&Ob!48w4u+v#?D+@4^>7Yqd5UYc%gTURv`#hQwWZBruv$hGQ3W@`GY zT2opFAc3N^!2|nFkBxPI+|c#e^G~1ql~S&_j+>7M*s?9W6@Yf>yAhY(`=0xM*B}VI z_}ypzi>d2YvyheWWYMybVE_qtGZmq!G~|s*6GPJ~m9^E!%PY&zqh;%?=z;=3$3{nX?LN5ecPNm;g=f$IVj-Q+U}Jae zmbW@=1wd<$t^zsrLC@K~h7&_&S#_wl^ z)&|4ZBY~&k;2Ahr8XQZ5rqMoRg1{uLgoUb^kW~ZrWPnA)Fq(~g_UYpM_3s&)mTZG( z&t_YiL+r^bOtwfjoosq!&U+00Pwr-JTx5cj{V|`-+A&6 zG)1wRgscN6><2nnX(%gq=SM4jAMzx64mu;T6ArI;2SsnJF~3K1h#`S+WfJ{PT%)om)HH!)Y(g)SYKGl;x;$j+zP-ON1jCc60Wf$`#yR0 z2haYU(vYm)6bnS__sxZFdm_}TUHAZaX_gJSx_b6Ie1V;u%QeC}gb3cC`(ZN?V(NyX z&M#if1`8Y*t;Iwd->@Xr<=8gy_4bfI<0Q{E;i-%(8(-Ymxt!KsKXx|bNGY1U5Vbq zug6Sr;_^SK_3Dfv%WD9!!Y`}awT_$n_%;`X>_vF%fJYVp9UtmQb=RP^|W|HyXU1AB(3OM~xnR=YzZQYwHv97p^vJV|zmYZxst~26!`Q zTiH)$Z)vmC-a22ViFW%4I(`@-1STJf?z30Sn)%F2N+I_WIvoR6%Y}VM(}wQRE%3FO zH#0dipHiE$rpcR2?ypZ`w4kS6d{&^FWp{7^=5gUu$x1DzSY0;Za>Hjo{Z2GKerTiKn zjyD=}lTV>@D9)S8+x@iY%^Z93(RXa@Q|1v;K6SbM70->-h$NkOm2!Mu-JsVSfqm*3xWX{I+vvYkT+5AXvc?_Ljv0 z$zIqN2ru{!7M4KFn|seW-Cb3g5iBAiE33NCz309+j0gMX(|NbMx+*IxGcw{Ae~S*o zDEJjMqUJLQ0)c$w?tY10OOTIU@KPtYE+hSk>;utyt^hhVk(-z9TMUF42{{Xh02Tlc zbSZ#YP|CI+ACf;`sMm9y69Nz;K>(B@^*$6x`+H$7LLh`d5Ec}c7at!00ufTu{)!G7 z1fc5zh=64gu-zvF!q5dQnUQTgetif!_FVLSDFu|WUi(rbA{>SQ0dSehh8{v79EOO( zf_Y(#eZZ6jIrG&#dK-rb5kX-f1|6ROU{+cyED)Av0SF=3#dY0Rx^%iDTGtAGPX>ep z!uZaONC)Kib=r7o_6XM}{K_`6we(#(pilUbh;&E#Ldf+wFZcEGRKBVUYW^W5Dr$}c zIy7O~Y+lgq{)zN?$osOBQbZ+OXFe&?h9KJ^`E@Y@f%H#ky+@3sgddb~gh0v=NH)xP z`VPHt#R5Pu^Z}TCqbp;CC}SCVU|AT2S;tQw zBWl5%8OJe#C}NsQbG~571>+Dw6c8fN2_R+dvz-DT_hn)*3%KYUb}67s1ZJQ!X3Qdb z4zGO(1i{5gSQ!Z*#weT&34s7a8-bCv825SYCf=M!+pB2z@4oG6_cb^DWiyxb+P(W? z`@{}tchPGv5BLBVcAm6S!TN(=OM+nEod7DjfPhT8KI}`77U$^iw%`91ARxJK4M?rVH_f0pd#plg9u1b(O=G7*DnS_N{X)7p4Hb2Mjzgf50xPx zA_z0;X$W(Jz^Me0${an!)Zr8?hKbyFUMg zJ_!Id+~el9sZzl|Q)LKbomYA_X|fU-`RYL$N$Cq3!WLaPLgCui`mBivWNJVpRbPSt zF$F9rFCu^xt>1=mg#e@gAi^Z4C=-m=^W)8sxGIIBlK<9PsYE7-00B~=dzXSTzQPCq zhy;f|G#gp~7L2_@D`zV8{>;b=&~*_a0FyG+k2Qf{DFw$dB9LqtlQ4q|F!T`sAur9! z+oHxu7*fD_D#|cyVuGQL^Tf7(s%B)CjUY&oOb8KJjG?$-v70%AMGU(BET9%@R5Yr6 z`4d!CMAp^X?*TIU4ZIhUbfr2w9nyZ`Kh{3={ExJBty{dV*Hz7nK@(!P}9D0DU4%tWqv@D$V*x zAfak2XdfX4Lf@IaBQ&Z^PC>W{w#5(-BVoymWcV`#Lf-}C zB6f@ni4a1Fb?gLH%MN42JU8g0;puKy=u)sl%|=nywizF@KnkN2!u>Jge8I{<2*`!e zv8qNnht=+3_dN6gL;?t_%4WyMPUnt9nR$CtA>H_;vENVtA`xP8WJ=XuQa7=0^gvg_ zptVCeQr*z(M!g|FWGXDJ5c?Ll*tP9eXlz@rQDI)Sfj@jf`V=hlq5Hjz8dgq=hG1TE zZF}EfoP2|3Y}P{~+L}EDhm90yGY;{KZIN_ClA#N#3`Jb}7|I|~G|;Lw`=$(tF!Z4k zQf2{2RRG$dj}S>!9UEJW4T_1Xwy+2!3z9vj!|jUZ+JE)2KR%~KD1{M7>a~4Gh|yG{ zE>=kFl6gg0R2gUA#hXmO#fIw;jS5=8NWgh2m={GhIT!Sa@NgIL^t?4RFH1p}2oJ}I z=ksdd4W#pZo{G_f-n5H^t|Oc;rP_0Uke8^VauFtF54LYA?l5D=5XR#B7iRHMwk~fW;#RRkJAy}tFrkZqinkyq?-Yr(H}>-v*=MgXv&GsajTn3jyxb$GZ>cs}Lk z{)BlhxH~31+$TIfXGjqohM+1U^JbpLKI(dzJ<2zkG@E;cmRs6Wa*~QTom(qCQGHl3 zqibv5xY}p5_PY1t1VhUpV*s+9q`D_uCx2nL?_|fXq`l5y`l%2HHrEY1q=s_BZUIC1 zz@r-)fElZ*w3T%}{eD0|AOVp|{nkdITwfQLLl^gz-21c-Ho-2O{=yErx)Ild_zZ0Cyu^?sW{GP z6hQD6T{Zs~SAAsdv(oqV^ucX}WJsA|M)lSXLN73kSL|DI#`G;hAYO$$Uc)=CVDhc+ zPCQo~zKm(8`SU)w#x4-3PQLZS0HQSZ2vQw5tn5q3;tzOTkopXUK!^Z@Ya~f9>C-on$>_815lVT4iQ}mh>4J*Lha7%4-|nQj)pA8qwJaM`lzY~;mT-PpJg|z z$|NF02w7G&s7nDU224{y3?I01&Ug8L-ejRsn#a2-c15sz@Y&j9KMk zY718K*SM1vf%vnlck09YSoY6>8~YB;n!ko0yu^53(LTyNZVv8+0aHt=yAf4%)?B>Z z6SC=>n&afZ8>2|Uq@?3&2twT6+YMTQd~wWvAv;2EiN?P-Ok=b8+J9Y#7GOjB_Mv1( ze~e&r-*i1;Sr{UM!yy1dSf&DksvzD+wYmq3B?zYCH22c63YdVd517ppLN=%5MjJwv zkPu}?DeC#QC#$`nupoKd!j1OQeCU)qzLD(-vZ@KCVQ^!w9*}p>c|~o0-A=ckmx6H! z2qEEQ3`7KwBABLv`(uamlz|3m5(tMe;&d*XArSy3M-RAx4w}ya)yU>NsUq2C^GdTG zWQ(V&lB$=Ef?eQw{~@a2W30h`N&{gtxYm~80@PJi*PukUD8Dl4u#N9|i7C-;-Cheq zzH^Y+Yul%Ax4k-2zskzx-H*?WKEA)9Sa4M!LI6-20&52p+7CDOPTZWdUQc#@FtoxA z6LIfI-v=y;aerD2%QTfVqZ2WS*OK zupt;>*?5=CP_;+<>-&I|fGC7MnU1z+;DlC$) zJof-SFT zRT63kCM)+x*j^I|C|NL$0Rknel+-{v&joC@g^=_aa$(b<_4+QTx)tCOX*=T1@Md6O z>>?%$yCe|=5yYrWi&+_FO3Ju|SH_`6Qo`)#p+OLvsaY*2k%3`ISaQKKJBJ5`E+UeK znEMosLj*w}%t*F&$3X+ZmW8YC?$f{hpwH69fX8XUc`CTSOMn2=To3^~93z&(5LOjT zY+Vk61+cN&g^1S$6<(PJ*`o%JCT&p9i+gZ`{w%G)0?Bfg6@mCH2mlg9QVvNLc`P>A zV6`?msCZjZU$$FDYPywV2pD?=WyZ8!BkgMljq(aA4G%#EnZP4&mO z*Fm{^F1n#S*My5~qWPSVd;?eML(KxXp4v#}Km;bavf2<)h3csf8fJZnSTbWNt3@sv z6D*4{3hOxrLQoK^ww)assOk|5hNRC`ii*&Z1u2=-V?l@kDJYX@A*x1_s=c79f0kq8 z#%Y(Ni^X#k0%Bydku3FjX8?yWfynI-8Y+Iilxndb^=LyyJJ zRrfUlz(sRuD$ii2VT&;dYN#(HkaCSSoQA-!l-M6?ze4nJ#XMe%I9}5#!M7Xm#>3TH z8sgaKsT6Ecu5&pm{3|dNvNDFvJ+0~H(y-*z5lR-7`1U*7U%OF*iJ=VxiL1GVjpaLJ z4!+S1VNDC;{t(gk9dcn@=CTr4F!dy;d$zr=hM#*B>>6TCVa<0@m2EZ7UQAUI2$> zA282A-zoYjW%XEfDWLBH&X-(+qlP|ODE+DqhM@C*7!u~CU|ASBGx|PZ=p&}NDDf9X z7{^g#Fb-ohqoKxF2!P|LNo&ho>U{0^G76#Y)WVFRPc@(C`LrP3_jtJPAS_rGHZ=@3 zRz*7{YYd15w1W*!GNc;2TOlRDHvfUlfVm@50f1!5fKhE3IqN#OQJX+!=kfVl(FKVK zBY*0KiG-Ge`izhRVzSe>c953Fx%s@hjMoi7cK$|n$M*d7+;szf2!Q-bk;gBSF||!Z zkc-*{T;jcy(a9{Bm!ckqju2x+$&AdhvDO3F5_rJsg}H(my1QtW>L6z!DVWcim&=+jLZs@` zQdkY8UBGdOUH-djgcu7hQ^8U+7p1U3ERbuO8TZEycZYaP2e;PsxFk^$~aloRrcR3gO~`JMTHTW>MV^7MO>|>8YgngBlc4J6`C!+Q(KwG zx3IRn#0=WwA7dCb)7HQHvF5vfda_0V)3VOg}#QlzROj!;-M19n~*f;E3->;obZrbVMUkB5k55lnMwEdL(DubZSW zgG$ERi7nmCabz8qY}TYMp6$_V;0PFLEi@qL%`6f^epVkF4hg*+{EFqdG|qaH%>!+ zcVj}I2+!vXFxD~vP((0}5ka;dBLNU1K#@?&YIE_8KhJDXTcv9Vgdl)0gP^L&G#5RV z1?W*z{ed-jYFY|Fg2SOh5sm5usbRVABa-=YnFY&IFfWW;7}H#|#)f@99uk&p_7(so z7fA1ZV4cHm)Hs&sOR0vy>UHRp@iElx%s%&KK@}?S5#_5B0ZpqZ_wv!iYDWtw5oE zAc5)NK;Hwy5KKolRYulub3hGzEP^ow+>H@SR^y_OSVUhl7B{B(y&4JTsoL`VcIu(}*DNoD~Gj=Tw5Ns^f{^byQ#IU&07hd$P4 z9EJ$CXI2%6a6YLUHKl;#VKsV+sI4W92_cxeVk+M_Bs`xMlwL575vLQ^koS2mI2;m| zQou!-=&}@`sF9S+uJSN;==y*qtIc4VGiH}`WC%fYqh6Zz78byA3Ie2dM@0DWVj05ohBnAt?h?S8D-T@}k>*HVC%Tanrp& zqn+aRlIo2VO>qdu8L#>>y9yewq4C;{XY&ey2&(-=r*gk}cIR8u`MHK5$$xxpQwH&Y z3tGd|t?PXdJC*acs-6C47fXXSeAm*CF3|obbZ`Be~bVH zGGD(MGo87Nz1k+I(Xsvh&Jg-OV!G&tVbk-6A!>b&KH_}NdaRF?fTA&uNQCn_BNx_S zU1E%fWSdj(QCJP4^P=wHyJLskD-t0a2N*aGU5&N4ETutiss;?Bjmh$Ro=z(<`=c=g zF$G0;Q0*d%U<}HHyk1J*M?9Suu&8==o-!x`4|g3{1kv) zvCVG&HZ6TBvxuOaGrC@j+VnBtGMCj2>$qp+%6R5zp&wZ@i2NQvf266CDt1Ek^F%#27X zEtgsAc665WGR+0qR1l4770gpXcT5<%0L~0y2B4mq#nhSOm{790zXiBlGLCm022#T* zl@+E7)MoR1S}@NV5>Ejj5!@X*8-q@&6hW6%FLe6>XG=It1kS*5h??w|1wp7rWnrAo1;T{8A>q(R1SrD^tor`J;soZ2@%X$TM8d;E zhr_s{1K-Fl0rWeej{$G)dXy}W zOXgxG0;V}5SOA>Mh=sYLm!-JcwpDpcQL7P~=VBa_2GaGRqPkoJh^P|Z)frXUROLG! zR8oBJO^=}u=E>4Ed3sg`@Ec$B7}A?ioir`Sr#&!E)mU!T!KdSDX-}h)JLI=Faq}b}5+VjLTAxQo!9Y zA@xDwBP*fzNj)$ug!fMiE>poUMm)Ufkh%a47SH2^2;C6(cO3x1^EsP~ZdGyaj|m9M zz{V~jQa}`irIW>ebe*T?lc^icU(m32DZpYuNzttRZ8&&ug^Obh)#xb#MJcjwTxPw_ z*H&2Pv$LEU54jJbsn>~go_#H}?vB*{!Gdv28d7gaaGJ6qgiw*4Y!-Q?i0gONfE+_`E1V85$4*?(P!$F5>Aq<9sUUV!+si zD#4irWns;djihA;MJfaG)$2R^jl}FC$_!n01=390c`C?rQI~800trgdkod!3WedO% zVT(i+h!hAI!x*%R7zskql856Vf+DbRK_o$!-220bq$LT}7Pgir1Sy)hEE(e%HL%Y9 zD`<4}C2sN!G_V z?`O@cx$mmr>QlfM4?V^);^~y}__U}Eh1B&K4E}HywN)JwQq<^GEz2lt*-ENpu2Hjr zuvo1RF>jnBC&0@fVl|dGdvlM__Q$WFytIP7-GHc!W&eG@wLWIPXpQuKZtT1Cc7M_p z*ZKh4q7R(W+A=nn#V2DoV%nIbn`5-P&-@{LGW8rAfM{Tm2Us}_bT3fVFKIo0F*j~M zM2vl^jHMJ^*qAi%C@)&cn^|@2yD_Q}mj!pngmH*?|2$ifUEh#|`(wiKkns4tXs!t~ z52Ncs&C7tOBpF7nA`(-mhDm3ZAq0d-8j}*&S0L1)$^wi-s%nHljiav05R{SiL#+8d zArMj*Yd<0yvfg!3>r_Pbs-zfjSs2r-S*_!!jP^1W#6URSYi4WCjN{m0&Rq5Xya@VU z`^(F!zJ#Dg+`Om~(kG2!xj%Lq!k;yHK#aK;X3V)%gM6|=%OMaRpB9Zn5y4yp5BJL4 zr)jkbanXp>`(uYhngn=%-=QpuHl|6()_2kDVrC-|MJAmUN;+TID#LB*wC({}4V@d> zH+pkf>KCwVyQ#4pMyEGbe%bFk+Ky*`&8bsz&0$DRSFXlmcI3^7;>mnYX7A(d%yzgU|@Nn1R`J6FXbg8HNAIAvJf-EMz zSeeGqX^QPM7jR>)Uy}xPQSIBlq*ye(a?Bh2E0)>4nx9aW}Kcgv>LvaR?M04=Dr6=8HNffRHpgnzC%g@ zk57xKn99idE+SZ6*Rlw@F5vFa0RcFj3odQFR-k6%HoTxgAZt0xNE%8gZF@cWMg!Cc{D59sHOgZ zjoqY$a<{v%$+V;s?Pj&SD}%9<8<<~<)81mIx6qvtS}sa7harLjkQZ~+*#%vvyMLMr zmdrIDWM)C}7d8pdrHC)?dz`1DL1NAQm<1_Cq!e+Pc~uKpgU484@e0j2?RiU4$)^m# z;Td5Z5}1L@Tzpy(NE7BnbW>?yoHC5URv(lNu|SJ6vuHfbk{Qb+m}jmrA}IyjA9^f{ z8-z9D^!Z$B|LQhPis*{e*pIH$u`H$dQei2|u=_4Tpq`%hr@S&vo5#Cj2WH?r@g^OA z93!5d7p>A}b|^7~BLcj+>#=0123sb7i51ZI5tmC*p%HamnFW`NGT-~VgkjL!ou{T0 zqT3wWe>Y8Z!*`K1+P6WwiaS~GOpo3)Gsuo~_ask{n7+`RXyExe|W z*r)WiJm5Qr69-u^Ax}W;5;; z7Q__M_ol9}O7mezh>7eRu2sGmVkHw3jz?t*&z7@tJZS%?^P=|&0ppme-9XWYGd;m^ zOvv`eH!)RhHe>PWlC{{6tDDx2honYo*4T|w8746F2^VwgvI`2)%{0$yalXGxm}bUO z*1233^;A9Fb-2uoWl49%*8QB&1oUB>LF=|bkFafj ztE5@IGqSZaINf>zUS%Apu_C_rUflTho1>cT-Pga?t61-Sqth3e$5t|LclXC2PgUC1o+Y7LZ&Ws=#|$0I)-FeXxvSx?0{bO=EMvAn=cin=MzQ^9O89^;tI#j9>!kQ!~L zMG;0Z+lCe;qN-*V(c`B}#*~#g6@f;TW>#hbt*tQ*9iGk^^UR=p{3x*-7 z>)08lcpk|5O#ZlchYm4nzRF;4sPk7}7Fk~crSG_;RO766xt z(RUGtF<~6lj`YsahU~`E&cCmxshTc_fR)~=P;*pl9gx}V{GBm-g~V%`>N?YgS$h9| zLzZSg-6G%@j^ENQ+9s_U;m2NsJZ>?E+x%~LW4V3Y7qh;$ueByO=Tm6(yJj`Wn1@$e zqM*h+vFyOMuToUSwp>+dfHoZNmIr36-QnP`d&RH1|2*)vDF085t)K=8> zTGPXm`Mj#xVbt0n6@56ZRK%zY^l;bVd{IN?(Tu6n%-cDP0jE>3xA$o*%$tWEcgGH= zbHO+7XI!R&!!e=jBF-0^XH&_RxtN_v@XfnfqifqS`Mcfdkqmt z+9*X-N#(q%wWYV*T%eM!O93%OkWj6f<@$7CF=AHYIGt1%ci1n`4eNnHjbfELv^T7y|-nT7K%H6&O;3 zX8PD)2pIaLUZ+c`HkYA~W?xa2Cq$~B=WI1X0LTlIaw<3*XI27C1g0Dkc}8*EQ@p2C_`Z-30lEQFF}y4N+a({7M4|zRUy0Gc|NY1 zINA(I5zb1_FD1WS9epJl@wTbw@zS*|PuZWdsx&t?X~XLFx?>9s0hKmx@rprFh-ByM zI;qTnmbBN6!7Ta;K(l+yo=gQxMhp7h6JOjGJh{agP=fVnK4+jUBOUsH0;CSpXEt+PZtQ_N981J4l?hmQ{w$g4>7+S9PKr3iCGm3}63xNZg9U>^% zY<4%M%GYqSPwbqC)$O}M^FFLf1b(OO%H2A8)o6R)kF~TJ{0kShD#q1sA0Eri^9g8P zo})~m&2TLYbO|eiFjns#lxW#TxvWHA?05Anc-pk9F4#b}I>npk+7>Y;vv#GVc8>Ff z@pLNN=QRR3PmB=MJ^OT0gIoLTM8IWcOnFwrt0mc;7eQt%Czv|-h*-Hm*8922Q@twy zx>5yJ~OV#5QmvSpet+VLL&BW@79oHpxQN)GuJcQh;PJ8f@^` zCw$Ia&o3;Pvm%coYZ4MeJt4F8-wy7|T+?usb`J$oJ$jxCE(;@dR!z!`qz}gqOA)+# z)LNQ%2esU%7;w5+YJ1x!15deNngtJc7W2R`<7Pph0#3Y!cJsuDDIkVWUj!Ya=I~s+ zI=CBWd`_E(YoAj-^4*X5b^Fg=c=_o$S9f*aN6f|D*R-k4;OkAh{#-yVMUApuia1@? z@(5khe1iAS3+xp$st%a?1JPu-yJJGmjBkEEWAab09k@&dkH++fG6+5H zj|tzrpD|5E!~Rpi(@9a`;gGOAEm*3)yq%-H5CPo#q4zJWgK775jHr8sO+DH4Wyd`g z!);r>P%am$@S{~NGHJIRne6)i4(*mj^NW*>gHG{g59l3~zRrpr5MiaJVjq=+gC|~T|;N69FFqr)Kob|mgk+4|l z{rkIw%!2oiOLZf^dt{ta!TmAf?ig{JG!j*sMc0j}cA2TkO_57MxYNY9dDim_1m{V! zd|A}E*mc3YBZQRV6&k!khc_6CBeBhb*O+~&gzEuz1SR@u5jCOr%u< zxA$*2_HHb;zpPlYGRJY$n2d8XZ-BqsMsTo7XYZaCoG<0YQh!4qac?$^pTAR&OMB)w z?-qRVMw1+W@wh-H#?S}kLU{j_@x_DMP?qPswNEr3{Biu4yPw^@=kJ%*XVpT{J{i*P zfCfS6R?y1t9#AG&k8kF(USBJKe3IJHwr_LUHS*Xk@TYdVmu~Gh_f_j;G=ypgUBz$- z>KvFEmQCuD2uzu4)$R~iNmI-bo}#8w`%A5>E7R|d?Y%b7Ac{C*Ae_#{Laf!0#w@r$ zCI|@c-Y>Oijd#ckV}8#Vd#y(1!Bw93A_8=P1!t|&MD==A$#Pl4*-z&JI%dZRr1$w9&&KK$z7F~Ejg{o!WYiQ zu}RUtLBs8{eo}ksf*Tt<-8^}J>^1P?Blm7kXy0w)j6;C+WjlTzugD+>%y6X^d?!qg zKJC0_gh=K5OXf8ywUHD)%1Y?FYAWLpkrLtkb2b;SW>n@PI1Cy9_Wm)OS7&{WR^@p* z7o2BjBGGDevX$W{%vq3mB_dV900csp+;yuj3OY~vk|h?|1k3GP`xMEtRLhRJd1F{@ zQ$uZYDK(L?M$uY3jG9$@ws;M#_^ySWEAxCozPnH}ordu1Hw=UnGya}V+B zV|_Qw&)+R;<*@yDoME%z7mpba$An=}^y7(r)2zjy?hXlkuL9uKL;1%9f1i%NM@XQ1 zy}qH)grS#6DdbS#HRU4+xA`wGUl<>zQwze}yo=(}=KAPN@PFkC^&Jo?7CN}q=mp}BnsQQWmv9NBFNnwpg@S2?StU+j(iK~&-H|t)Iw`)dF zB8@3v5{(+&6XS&$fi!O8oR!*7XT~^aK|{|o2m#OM7UgVJ;uthky^DnNlyRPTqe|Cyg&g!n+V4+lB<(s) z&PyiU3Tt7f!x+(Z!NTCL)fI>$NwNxNuI99;R6&hE0^L@Fu&ON}^FHoY*lA5#BEHqW z<9>bZQ|^l@rn00 zaTOMHk!syf{Z0FEPtDMWT0!bo)6#Vsn~+R;xDi*NMPs6kLv1YEj>chIzvrNrYiULR{lTdyy;*+l2vy*O?2cg`+ZaGr9FN78rTXnohr zn$)*PW^MC2Ah&o|AkE=%<99nQj}+a%1#jOLL%@|o1FQNk&F{EP?(C}E<=>H?{rCqzd2Jv6`gi}~PyX${`n&S8-~9(~ zn|}Yv*I#}4+rQ-Der~_!?NtSkKexXz?LPtd+1Fov`4a&6oj>@Cw>baj0>0^r{O_>ccD2mZPJ`n79a<8%8P+y3ZJ|8n`QAAbLj z0sM#G`r-GxKl;H$0dOSpQ>gm2_y=#Df&9)N{KZd!iZ0#) z`00;+@6X@kbnP)e<>5c`9iXCEw zPAO6No+q><2GBf5Z>J`z;=4{QNh6qTeh;|y+K;}IPVF5l~-{{1&z zJqZl(FI>O6#gx|CM^WT^y`GQb*hf(mzH2Y7wa>E5CrNVRyY{nE%12S;JDtvYOl>ju z!u6|u6U*sc$-QwN-gmoQ0F+V)AxM&hs;a2#8t*+yDU?z~QH0i-G)*arf~u-eN+G30 zN{MqW+($_;jX?-W(==Oiwy_1QjW~`;)0AGX$6~Qyu~=ZOC5j@Xlvry4kWv!IF-1{? z#dzj&0aoO2;<&N;mIXsvnh-~mdhFxIAAO38FO#W{zR60KJWsj7;yELkiTD5WTh0_XiB z=5-GlYmD8da(z>!6qCsWV+?T|qm&90wE#A2s$I4Bo~o+Cz1oE(aR+M+NhifQ7wW8y z7Rwr#*#c&aq1Wq?BnjSomdj8tDI^MnWA-!&w zi-%pFytqdkYySH8e{!5x=qN!cwJHl!fp;J^R!D>p#BsbeXNyGx)b%!FT5FceCC)jl zwV`%^Q0U%Uy4@}x-ygF-d;;$U_dlJ`>2xs003NL*Q6!K;gK*S!MK?((%aUqG@wZr3 zz)t14om^`jiWOE;(AL>>I;AX2%Cf|>7yc)tKx-WqraCdw`&EtV4hSfg1>S?*QQIvR z2~h1|3|70T-R5SU`^jX&cswSKV}uX@L^@it>5*%h@ZNLo+&R4Wlx2w&Fc=O=ItfZ^ zvMeLok;-b5v8vk5n3R&bu8Fk9D=5nnYi-aeSk+-;8k}n)4 z0ZEcDo6S~&>m0M$j3|oO+uLJ0os#D{`}_Ml87r&LNM+j}H{UCzI6gjJH{&LZ2|QAO zwaxm~62~#!Za3JTx~}=;lTSk18jr`JW&Ka7Y$MNCUa8fzIF4zWhJL>fz+f<-)9E0j zL`s1WtDSm$d`w-}BuPS+Wnm{j{q)lu9v-gxW|C|(R)2<$NhwLwG^|<(fiWgHjPZCJ zH0tcAN2jBSwB+1=#&|r&7=sWivCZ?G<#GwYojZ3JkH_JjTa48ky|Q{l@wdg=_Q@!U z9=Zruv%jZ!=4(%I_Dr8;QDLm-{Flz~?QdS@(m{rB4Ru|UWf^fC2cecy1_QYbY(vL( zG1jhlQ?mflG+jASugFWqU;gnix8J>swKiC9tu+@eTwpLtgTrlWvSn#9nV^)~64~lx zuiTx=%^SAL-ui#2g~(TL@8NuK9eYnem4Kl{jI~Wwjs*~!PRQ5sp~piQi|~ZcBi(UZa1*?v&1HSo8g>eKA-d8 z!2`6`LCe}*HX4nH;}~mwcu;A<3L%hEuA4c*Z5U(N+uI8dI=kXz6W@`_wn+Wjvb4>+ zu50G=Ik1ui?>*L9I-L$hQDBUr-|q)^+G?J)7Oge+@81us?$oi(R95vvS`YWL@SN8Q zY^!ChH)}n83rYyVY&HwNesi<5p|uVTynXuGobw@L8xFQ=42PpGx8J+VH@LT^0x6>Qm>rbU5Jldv`e;bpvA(;KO?}4u)NDmN(z|fQtu% z6RY^5;&4CX;=zD7-}wNX6^6h2s7F7lUo(^GA$Bma5-hxMWFZ#Ou#4n{#WFGxu*oip2wP{zfT{ph9V_j&pI-{n!pFMs!Ee)apmz5x7e)AMJ6`J2~XaaS%~ zd}K^rxpdL}>DNDYzGA!*7ckG@bY)) zMj=;!@rMQQ8t_{H_tNwG?#*kjxT`Nd=X|Z)<^6MRxD|cnYz?;}cX|Ju^R;qUUwqEJ zdF>VV()0V(bKHBczv`}By68^tcHQOubMC@Zdyi}>FFdv9F7Kanr+2&V%B73$z1Lq| z1qQemE?rn-N^9*r&vUI-%lW?VJkP7Yt1hjzi=xPdVYu>L^;s$9JkN7M5GIfqgTr4*j$p|z&bXb{ISX_}&xLQ090 z5^HV!f0TqGFAzeK=lR;0RjdK4!uNd|jRvh&i}`%cd_Kn*gXeijDKW+XAf?3jed0K- zC*zz$N{MrhUavp63{2FcuUBAp}{LZ5&?%IOo0a8i^g8{d0-6D=-gb;jq>n@$v5P;jC z+%GfKW~2pJ1O);i1itUr5~-rXA_1~&oiVL-DbOsVC<=~_j)>zJV-40>oC9l3Z4pvR z8jS`*2mqWbF9GN`VyRZ-kU+9bz146`-{yUc?w{F&ng9VUYmo2F3u=G_BLTqCCq|@+_^v z0z^?nnx;7C&{`v<0>BRf0Fop@3F!8Egh7bXnkb6!e1Cn+?3l*VbTea8O0q1&(;BC! z9UlimP*;P=WI~o@wa*z-ptQskMQt}#lfUfDlW^w}fHH_VzZO=K<7zzYt?uYr<9= zAw7~LIVNz6F$KZ8^OlSXq@-MaYjL)q*Xz}cE*6U#P*rbFWGvahSf1xh zr_*{cr7A)DXf5%553Ll7#e&6RQJ1i4Qq~qYECR=5GQszKI-L&V@tEm!%GTD_M#d^E zCyL)WS8JfUS4u52QUDeqS(cRyB_!kVxGdnfWy>QFQedqmO;e`RY2BHOMkCTR{o+em z#dJDdX=8>v9h4FTfzQsMO}pJDiaM~g4{I&EI~}C3ND0H89-imb<>&nQ^9+YWoO6U> zxXxI1oUsi)Rynzpk|K-w+IEvudp)+gEwbE@BpEw{h-bc8@bR4o1=d>n{Vm1|%f0{H<1ha>s0~+2 zNf?Io`+c|uYb6rxqiQoG0@-IWwG?HcDv2(+qX9W`y9rKWosjZU_2hz z_d7c~0K{>;(mnFWLFr= z^36->`+nUol?+g`=$vCT8ljY`yV=QPQg^dAZ{DnvCyrwpjRv#Xj6Bb4aGRpSa$?(4 z)x9W+n9t|S3=(y3U$xTK7DQ2ZWj|28Q!clte_vIIEXy`}*l{c;7IAAWv)PRM_wS>% zuDvV_L!u~RFc{$bKE}9uqf&ttOSktt59dm~R+{Z}I`u|pQ>==A!%|k_cFs{Oi*eP% z&t@~AY$VH~Z3u$0m#>6f*+W^5%G#*4=I-6QXsyYzY_pH$D_Qv&t;4OT-se>ssYI-l zDmN0#jYb7Z2*G4BskJvAkJkp&T4Ri%D2jUbb$rav7&EJk4F^r$x_*;yf9r8RIvn$_ z8+TT~J$w(;Gk#bvo4STgEe^nir}j8K?DE$2n+yldnlTA*a5!PN*92>L5) z;;V|`R>Y~@E^oYZ1FT`U*W}=E0z7mKb$X}WC~TRHkMbC*C7!6Q5E>9qrQcCWK`aCiLd;%(sPqe=49emkJw3cfT}J}*X-6iTMvKIxq&c|=TY dxK<8_{|oS6fX#3ms5Srq002ovPDHLkV1g*Z0Z9M= literal 0 HcmV?d00001 diff --git a/frontend/src/pages/Character/Skill/components/SkillUP/img/up_3.png b/frontend/src/pages/Character/Skill/components/SkillUP/img/up_3.png new file mode 100644 index 0000000000000000000000000000000000000000..7c48850a5926876e273fab1ee0fb70bb9bf6d3a4 GIT binary patch literal 2151 zcmV-t2$=VYP)r+|I;)t7ep-nYKNJR+v*MEE&_|dZGF96eb-h3@w zxpeWdF?HqA#qhhIe?I`zIR*d(6@}jhuDss9xrpJ?x1yTNxZ ze}!JR#nqquW(K?g{1PC%`qFNA=grr`)mL5&kyhdI?)fm-=zivG4K}*r^6vQ%X%()% z@?v=B&DX-KFYVUP2_L-mdbo1wV%Ry`3zv7#hYQbcJ+@F@cy=pX-aQ|7&i2BUOBcfj zZ@qpJ7!Y2*bYX!ht#vTQgd|Bq6h*-p)7+~+TIVXVLI^>t)gsSxilQKdfKm#j6vh~|*0kGg(ljN{bCgm@ zDUnj*y>EU;NhocJ5E5(cg3sC(fYla75$$%HBuSV~r%b0)oO2jskW%8D13*ei6h)+I z+AJo7fRvID0&8n)q-jd4)xuhfa}MW0;SfSl6va~i8X$zQ@IXpQmStFL>GgV8Ya3_l z>+4J=6WZ-IMNyDt8Qy!m_b8oDk_q1}q`KA^NlO2K40>p0pdvM6%s664f#xe(1E&wZCU{*>#{P;d!zxa6un=wKN zZr`17?Qb8mxw*+?QgAr6JoDrl&wb%ZLU0@$X8h@&{|0IBz9h>sT5-hrbDu*i!FXKq z`w#v>;RJbM7yQ;(BtT&o8H1{d0B+s6hYO0r2KF8tkt7Lup5wizC<-1NP8m;fg7@qn zP8dyQSZkZyyL0b=*~|ig{ZY!y2BIh;ilPOdH5Ls}6pM^$tx3}qYc1Y;%EA)xIPb95 z&Xd&BZYPA`8)*;-fH`o7k^&_KLR9y?bF`ueBPFR@^jl+@Gqy;n_a3b^aU3_!l+r{| zOuyeJNfNxT030uBAuFaU4HPIHA*3PzLP&&^WO;`59=9a7Yb+8VU&2_uYUdn63ViVM z73J*j?^l55EEuEl^C}iXptZ((Pru(Mgn%m@0?@{wl}0Mf#>NI_NhtHy#Bq$Z7Gn(Ub{ioDh)Nqp2sr1O+&yhImPaz?oWn?g z5LFj&-r>E&Xic}c#GD$S^Ot5mMvk- zTFZDm#u$T=0x7F7Msd~L`~5yq6jfRk98y$yBxRL%!{M-*Ldv2*D}^?i(iWs?%J%m5 zQpU3UQ$kti57c>8h13>R@2sbSDr5mE!8=?1^`2I%MW@rLl3oN59%~EKyl8ISx-~D1 z|1y-d)9G|de|-gG6vjvf{Z-O5C5~gtvSf92l|lauS}U}ctae)%1$%pY%w{u;F%0@^ zmC!19=II@Js|iI>5XbQ&L#bi8j>Sf>Jy>Vwi8E}juTbPAfxt#D;cL(D@UPnkJhjy& z>BKy}vxyLrX`0iDG+({2&5fJ;wA&GJ9I><2qbLfz*M#hVFF*GL*KgkE{=tOF

9b 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, + default: () => [], + }, + lvInfo: { + type: Object as PropType>, + default: () => ({}), + }, + }, + setup(props) { + const lvInfo = useVModel(props, 'lvInfo') + + const skills = (index: number = 0) => { + index -= 1 + const upList = Object.keys(lvInfo.value).filter( + (a) => !!lvInfo.value[a].up && lvInfo.value[a].up > 0, + ) + const currentUPSkill = index >= 0 ? upList[index] : undefined + return computed(() => + props.skills + .filter( + (a) => + a.id.toString() === currentUPSkill || + (a.hasUP && + (!lvInfo.value[a.id]?.up || lvInfo.value[a.id]?.up == 0) && + lvInfo.value[a.id].lv > 0), + ) + .sort((a, b) => a.learnLv - b.learnLv), + ) + } + + const itemChecked = (index: number, up: number) => { + index -= 1 + return computed({ + get() { + const upList = Object.keys(lvInfo.value).filter( + (a) => !!lvInfo.value[a].up && lvInfo.value[a].up > 0, + ) + const currentUPSkill = upList[index] + const currentUP = lvInfo.value[currentUPSkill]?.up + return currentUP == up ? currentUPSkill : undefined + }, + set(value: string | undefined) { + if (!value) return + const upList = Object.keys(lvInfo.value).filter( + (a) => !!lvInfo.value[a].up && lvInfo.value[a].up > 0, + ) + const currentUPSkill = upList[index] + currentUPSkill && (lvInfo.value[currentUPSkill].up = 0) + if (!value) { + currentUPSkill && (lvInfo.value[currentUPSkill].up = 0) + } else { + lvInfo.value[value].up = up + } + }, + }) + } + + const exchange = (index: number) => { + const skill = itemChecked(index, 1).value || itemChecked(index, 2).value + if (!skill) return + lvInfo.value[skill].up = lvInfo.value[skill].up == 1 ? 2 : 1 + } + + return () => ( + <> + {lvInfo.value && Object.keys(lvInfo.value).length > 0 ? ( +

+
+
+
+
+
+
+
技能攻击力增加
+
+
+
+
+ 技能冷却时间减少 +
+ 技能攻击力增加 +
+
+
+
+ {renderList(3, (index) => ( + <> +
+
+ + {renderList(skills(index).value, (item) => ( + <> + + {item.name} + + + ))} + +
+ exchange(index)}> +
+ + {renderList(skills(index).value, (item) => ( + <> + + {item.name} + + + ))} + +
+
+ + ))} +
+ +
+
+
+
目标技能
+
+ {renderList(skills().value, (item) => ( +
+ {item.name} +
+ ))} + {renderList(35 - skills().value.length, (item) => ( +
+ ))} +
+
+ {renderList( + Object.keys(lvInfo.value).filter( + (a) => !!lvInfo.value[a].up && lvInfo.value[a].up > 0, + ), + (index) => { + const skill = props.skills.find((a) => a.id.toString() === index) + let tooltip = '' + if (skill) { + if (lvInfo.value[skill.id.toString()].up == 1) { + tooltip = `技能攻击力 +${skill.learnLv < 35 ? '60' : 55}%` + } + if (lvInfo.value[skill.id.toString()].up == 2) { + tooltip = `技能冷却时间 -15%
技能攻击力 +${skill.learnLv < 35 ? '43' : 38}%` + } + } + + return skill ? ( +
+
+ {skill.name} +
+
+
+ ) : ( + <> + ) + }, + )} +
+
+ {/*
+ {renderList(3, (index) => ( + <> +
+
+ + {renderList(skills(index).value, (item) => ( + <> + + {item.name} + + + ))} + +
+ exchange(index)}> +
+ + {renderList(skills(index).value, (item) => ( + <> + + {item.name} + + + ))} + +
+
+ + ))} +
+
+
+ {renderList(skills().value, (item) => ( +
+ {item.name} +
+ ))} + {renderList(36 - skills().value.length, (item) => ( +
+ ))} +
+
+ {renderList( + Object.keys(lvInfo.value).filter( + (a) => !!lvInfo.value[a].up && lvInfo.value[a].up > 0, + ), + (index) => { + const skill = props.skills.find((a) => a.id.toString() === index) + let tooltip = '' + if (skill) { + if (lvInfo.value[skill.id.toString()].up == 1) { + tooltip = `技能攻击力 +${skill.learnLv < 35 ? '60' : 55}%` + } + if (lvInfo.value[skill.id.toString()].up == 2) { + tooltip = `技能攻击力 +${skill.learnLv < 35 ? '43' : 38}%
技能冷却时间 -15%` + } + } + + return skill ? ( +
+
+ {skill.name} +
+
+
+ ) : ( + <> + ) + }, + )} +
+
*/} +
+
+ ) : ( + <> + )} + + ) + }, +}) diff --git a/frontend/src/pages/Character/Skill/components/SkillUP/style.scss b/frontend/src/pages/Character/Skill/components/SkillUP/style.scss new file mode 100644 index 00000000..2daf6b2e --- /dev/null +++ b/frontend/src/pages/Character/Skill/components/SkillUP/style.scss @@ -0,0 +1,75 @@ +.skill-up { + width: 550px; + // height: 334px; + // background-image: url('./img/bg.png'); + // background-size: 100% 100%; + padding: 5px 10px; + padding-bottom: 10px; + background-color: black; + + .left { + width: 240px; + height: 325px; + border-radius: 2px; + border: 1px solid #2E2E2E; + background: linear-gradient(to bottom, #1c1c1c 0%, #0a0d0a 100%); + display: flex; + padding: 5px 10px; + + .up_head_1, + .up_head_2 { + display: flex; + flex-direction: column; + align-items: center; + + .icon { + width: 80px; + height: 80px; + background-position: center center; + } + } + + .up_head_1 .icon { + background-image: url('./img/attack.png'); + } + + .up_head_2 .icon { + background-image: url('./img/cd.png'); + } + } + + .right { + .title { + width: 271px; + height: 48px; + background: url('./img/title.png') no-repeat center center; + } + } + + .up_1, + .up_2, + .up_3, + .up_active { + width: 54px; + height: 54px; + display: flex; + align-items: center; + justify-content: center; + } + + .up_1 { + background: url('./img/up_1.png') no-repeat center center; + } + + .up_2 { + background: url('./img/up_2.png') no-repeat center center; + } + + .up_3 { + background: url('./img/up_3.png') no-repeat center center; + } + + .up_active { + background: url('./img/up_active.png') no-repeat center center; + } +} diff --git a/frontend/src/pages/Character/Skill/components/SkillVP/img/106.png b/frontend/src/pages/Character/Skill/components/SkillVP/img/106.png new file mode 100644 index 0000000000000000000000000000000000000000..10485dff500678d5e3792cadde83a152c03fd410 GIT binary patch literal 3946 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 literal 0 HcmV?d00001 diff --git a/frontend/src/pages/Character/Skill/components/SkillVP/img/bg.png b/frontend/src/pages/Character/Skill/components/SkillVP/img/bg.png old mode 100644 new mode 100755 index e8019bfb040dddc64f3b60afdcc9f57cdcc88d43..1404d6b8ae31d58e50ba46ba290ce3cf6171e1f1 GIT binary patch literal 1199 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 (
{item.learnLv}
-
+
{item.name}
@@ -66,7 +66,7 @@ export default defineComponent({ {renderList(2, (index) => (
{ @@ -75,8 +75,9 @@ export default defineComponent({ index, ).value }} - > -
+ >
+
+
+
-
{item.vps[index - 1]?.name}
+
{item.vps[index - 1]?.name}
{renderList(item.vps[index - 1]?.desc.split('
') ?? [], (desc) => ( -
{desc}
+
{desc}
))} +
))}
diff --git a/frontend/src/pages/Character/Skill/components/SkillVP/style.scss b/frontend/src/pages/Character/Skill/components/SkillVP/style.scss index 41c1df12..4cd7d58e 100644 --- a/frontend/src/pages/Character/Skill/components/SkillVP/style.scss +++ b/frontend/src/pages/Character/Skill/components/SkillVP/style.scss @@ -7,10 +7,37 @@ } .vp-item { - height: 124px; - width: 152px; + height: 120px; + width: 148px; + padding:1px; + display: flex; + align-items: center; + justify-content: center; background-image: url(./img/bg.png); - padding:5px 10px ; + // padding:5px 10px ; box-sizing: border-box; } + + .selected { + background-image: url(./img/selected.png); + background-repeat: no-repeat; + background-position: center center; + background-size: calc(100% - 2.5px) calc(100% + 2.5px); + } + + .vp_1{ + width: 18px; + height: 18px; + background-position: center center; + background-repeat: no-repeat; + background-image: url(../img/vp_1.png); + } + + .vp_2 { + width: 18px; + height: 18px; + background-position: center center; + background-repeat: no-repeat; + background-image: url(../img/vp_2.png); + } } diff --git a/frontend/src/pages/Character/Skill/components/img/up_1.png b/frontend/src/pages/Character/Skill/components/img/up_1.png new file mode 100644 index 0000000000000000000000000000000000000000..3ee582616fc0c8068b12dda34acc02d35dcb59b0 GIT binary patch literal 1001 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 P00000NkvXXu0mjftB*1{ literal 0 HcmV?d00001 diff --git a/frontend/src/pages/Character/Skill/index.vue b/frontend/src/pages/Character/Skill/index.vue index c33af03e..54f00739 100644 --- a/frontend/src/pages/Character/Skill/index.vue +++ b/frontend/src/pages/Character/Skill/index.vue @@ -14,7 +14,7 @@ @click="tab = 1" :class="{ active: tab === 1 }" > - 技能VP + 技能定制
-
+
- 技能进化
+ + > +
技能突破
diff --git a/frontend/src/stores/config.ts b/frontend/src/stores/config.ts index c3061eae..cd76774c 100644 --- a/frontend/src/stores/config.ts +++ b/frontend/src/stores/config.ts @@ -32,7 +32,7 @@ export interface IConfigEquip { } export interface IConfig { - skills: Record + skills: Record equips: Record jades: Record< string, @@ -161,7 +161,7 @@ export const useConfigStore = defineStore('configStore', () => { (config.value.skills[id] = { lv: infoStore.skills.find((skill) => skill.id.toString() === id)?.maxLearnLv ?? 0, vp: 0, - reinforce: 0, + up: 0, }) }) ;( diff --git a/frontend/src/style/icon.scss b/frontend/src/style/icon.scss index 7624da1f..3eef5864 100644 --- a/frontend/src/style/icon.scss +++ b/frontend/src/style/icon.scss @@ -3,9 +3,10 @@ $width: 20px, $height: 20px, $size: 100% 100%, - $position: center center + $position: center center, + $img-type: 'png' ) { - background-image: url('@/assets/img/icon/#{$icon-name}.png') !important; + background-image: url('@/assets/img/icon/#{$icon-name}.#{$img-type}') !important; background-repeat: no-repeat !important; background-size: $size !important; background-position: $position !important; @@ -13,13 +14,14 @@ height: $height !important; &:hover { - background-image: url('@/assets/img/icon/#{$icon-name}_hover.png') !important; + background-image: url('@/assets/img/icon/#{$icon-name}_hover.#{$img-type}') !important; } &:active { - background-image: url('@/assets/img/icon/#{$icon-name}_active.png') !important; + background-image: url('@/assets/img/icon/#{$icon-name}_active.#{$img-type}') !important; + height: $height - 2px !important; } &:disabled { - background-image: url('@/assets/img/icon/#{$icon-name}_disabled.png') !important; + background-image: url('@/assets/img/icon/#{$icon-name}_disabled.#{$img-type}') !important; } } @@ -112,7 +114,7 @@ } .icon-exchange { - @include icon-style('exchange', 20px, 20px, auto 100%); + @include icon-style('exchange', 22px, 20px, auto 100%, center center, svg); }