dnftools/dcalc
7
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Activity

dev

Browse Source
This commit is contained in:
imelon
2025-06-01 12:01:23 +08:00
parent dd2d7bfe5c
commit 9b24645215
1 changed files with 40 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/pages/Character/Skill/components/SkillUP/index.tsx
+40 -36
View File
@@ -97,45 +97,49 @@ export default defineComponent({
</div> </div>
</div> </div>
<div class="flex flex-col gap-5px px-20px py-10px"> <div class="flex flex-col gap-5px px-20px py-10px">
{renderList(3, (index) => ( {renderList(3, (index) => (
<> <>
<div class="flex items-center w-full justify-between"> <div class="flex items-center w-full justify-between">
<div class={ `up_${!itemChecked(index, 1).value ? index : 'active'}`}> <div class={`up_${!itemChecked(index, 1).value ? index : 'active'}`}>
<CaclIconSelect <CaclIconSelect
v-model:modelValue={itemChecked(index, 1).value} v-model:modelValue={itemChecked(index, 1).value}
class="!bg-white/0 !border-white/0" class="!bg-white/0 !border-white/0"
columnNum={4} columnNum={4}
> >
{renderList(skills(index).value, (item) => ( {
<> <CalcOption value={'0'}>
<CalcOption value={item.id.toString()}> <div class="w-28px h-28px"></div>
<img src={getImageURL(item.icon)} alt={item.name} />
</CalcOption> </CalcOption>
</> }
))} {renderList(skills(index).value, (item) => (
</CaclIconSelect> <>
<CalcOption value={item.id.toString()}>
<img src={getImageURL(item.icon)} alt={item.name} />
</CalcOption>
</>
))}
</CaclIconSelect>
</div>
<CalcButton icon="exchange" onClick={() => exchange(index)}></CalcButton>
<div class={`up_${!itemChecked(index, 2).value ? index : 'active'}`}>
<CaclIconSelect
v-model:modelValue={itemChecked(index, 2).value}
class=" !bg-white/0 !border-white/0"
columnNum={4}
>
{renderList(skills(index).value, (item) => (
<>
<CalcOption value={item.id.toString()}>
<img src={getImageURL(item.icon)} alt={item.name} />
</CalcOption>
</>
))}
</CaclIconSelect>
</div>
</div> </div>
<CalcButton icon="exchange" onClick={() => exchange(index)}></CalcButton> </>
<div class={ `up_${!itemChecked(index, 2).value ? index : 'active'}`}> ))}
<CaclIconSelect
v-model:modelValue={itemChecked(index, 2).value}
class=" !bg-white/0 !border-white/0"
columnNum={4}
>
{renderList(skills(index).value, (item) => (
<>
<CalcOption value={item.id.toString()}>
<img src={getImageURL(item.icon)} alt={item.name} />
</CalcOption>
</>
))}
</CaclIconSelect>
</div>
</div>
</>
))}
</div> </div>
</div> </div>
</div> </div>
<div class="right"> <div class="right">