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

feat:添加装备改版

Browse Source
This commit is contained in:
imelon
2025-07-26 16:32:06 +08:00
parent 0340b3d920
commit 19046f7b23
15 changed files with 812 additions and 557 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/dnf/Equipment/Info/index.vue
+7 -8
View File
@@ -34,24 +34,22 @@
class="flex flex-col items-start my-1px"
style="white-space: pre-wrap; line-height: 15px"
>
<div class="text-#908150" v-html="mainAttr"></div>
<div class="text-#908150 py-4px" v-html="mainAttr"></div>
</div>
<!-- 装备属性 -->
<div class="divide"></div>
<div
class="flex flex-col items-start my-1px"
style="white-space: pre-wrap; line-height: 15px"
class="flex flex-col items-start my-1px whitespace-pre-wrap leading-15px"
>
<div class="text-#DED29A" v-html="detail"></div>
<div class="text-#DED29A py-4px whitespace-pre-wrap" v-html="detail"></div>
</div>
<template v-if="bufferDetail">
<div class="divide"></div>
<div
class="flex flex-col items-start my-1px"
style="white-space: pre-wrap; line-height: 15px"
class="flex flex-col items-start my-1px whitespace-pre-wrap leading-15px"
>
<div class="text-#A48B2E mb-10px">辅助职业专属属性</div>
<div class="text-#DED29A" v-html="bufferDetail"></div>
<div class="text-#A48B2E mb-10px pt-4px">辅助职业专属属性</div>
<div class="text-#DED29A pb-10px whitespace-pre-wrap" v-html="bufferDetail"></div>
</div>
</template>
</div>
@@ -114,5 +112,6 @@ const bufferDetail = computed(() => {
<style lang="scss" scoped>
.divide {
border-top: 1px solid rgba(243, 244, 246, 0.3);
margin: 2px 0;
}
</style>
frontend/src/components/dnf/Equipment/SuitInfo/index.vue
+3 -3
View File
@@ -34,10 +34,9 @@
<!-- 装备属性 -->
<div class="divide"></div>
<div
class="flex flex-col items-start my-1px"
style="white-space: pre-wrap; line-height: 15px"
class="flex flex-col items-start my-1px whitespace-pre-wrap leading-15px"
>
<div class="text-#DED29A" v-html="detail"></div>
<div class="text-#DED29A py-4px whitespace-pre-wrap" v-html="detail"></div>
</div>
</div>
</div>
@@ -76,5 +75,6 @@ const detail = computed(() =>
<style lang="scss" scoped>
.divide {
border-top: 1px solid rgba(243, 244, 246, 0.3);
margin: 2px 0;
}
</style>
frontend/src/pages/Character/Skill/components/SkillUP/index.tsx
+2 -2
View File
@@ -117,7 +117,7 @@ export default defineComponent({
{renderList(skills(index).value, (item) => (
<>
<CalcOption value={item.id.toString()}>
<img src={getImageURL(item.icon)} alt={item.name} />
<img class="mt-2px" src={getImageURL(item.icon)} alt={item.name} />
</CalcOption>
</>
))}
@@ -133,7 +133,7 @@ export default defineComponent({
{renderList(skills(index).value, (item) => (
<>
<CalcOption value={item.id.toString()}>
<img src={getImageURL(item.icon)} alt={item.name} />
<img class="mt-2px" src={getImageURL(item.icon)} alt={item.name} />
</CalcOption>
</>
))}
frontend/src/pages/Character/Skill/components/SkillVP/index.tsx
+1
View File
@@ -26,6 +26,7 @@ export default defineComponent({
const currentUsedVP = computed(() => {
return Object.keys(lvInfo.value)
.filter((a) => skills.value.find((skill) => skill.id.toString() === a))
.map((a) => lvInfo.value[a].vp)
.filter((a) => !!a && a > 0).length
})
frontend/src/pages/Character/Skill/index.vue
+2 -2
View File
@@ -28,7 +28,7 @@
></SkillTree>
</div>
<div v-if="tab === 1" class="flex flex-col overflow-y-hidden h-full">
<div class="item-head" 角色等级>技能进化</div>
<div class="item-head" 角色等级>技能突破</div>
<SkillUP
class="flex-1"
:skills="infoStore.skills"
@@ -36,7 +36,7 @@
v-model:bindAwake="configStore.config.bindAwake"
:buffer="infoStore.infos?.buffer"
></SkillUP>
<div class="item-head" 角色等级>技能突破</div>
<div class="item-head" 角色等级>技能进化</div>
<div class="flex-1 overflow-y-auto w-full">
<SkillVP
:skills="infoStore.skills"