dev
This commit is contained in:
@@ -25,6 +25,7 @@ import EquList from "@/components/dnf/Equipment/List/index.vue";
|
||||
import OathList from "@/components/dnf/Equipment/Oath/index.vue";
|
||||
import EquipmentCell from "./components/EquipmentCell.vue";
|
||||
import { getImageURL } from "@/utils";
|
||||
import ResultPanel from "@/pages/Dcalc/Character/Result/Index.vue";
|
||||
|
||||
type WeaponTab = "weapon" | "else" | "subweapon";
|
||||
type EquipTab = "suit" | "universal";
|
||||
@@ -1153,34 +1154,19 @@ const toggleOathRarity = (value: unknown) => {
|
||||
<CardTitle class="text-base">
|
||||
<Tabs v-model="sidePanelTab" class="gap-0">
|
||||
<TabsList>
|
||||
<TabsTrigger value="equipped">当前已穿戴</TabsTrigger>
|
||||
<TabsTrigger value="equipped">结果面板</TabsTrigger>
|
||||
<TabsTrigger value="detail">装备属性</TabsTrigger>
|
||||
</TabsList>
|
||||
</Tabs></CardTitle
|
||||
>
|
||||
|
||||
<CardDescription v-if="sidePanelTab === 'equipped'"
|
||||
>按部位查看当前选择,点击可切到属性预览。</CardDescription
|
||||
>通过 Tab 查看装备/誓约穿戴与计算结果。</CardDescription
|
||||
>
|
||||
<CardDescription v-else>当前聚焦的装备会展示单件与套装属性。</CardDescription>
|
||||
</CardHeader>
|
||||
<CardContent v-if="sidePanelTab === 'equipped'" class="min-h-0 flex-1 overflow-hidden">
|
||||
<div class="h-full space-y-3 overflow-y-auto pr-1">
|
||||
<div class="space-y-1">
|
||||
<div class="text-xs text-muted-foreground">装备</div>
|
||||
<EquList
|
||||
v-model:part="equippedPart"
|
||||
:detail="configStore.config.equips"
|
||||
:with-sub-weapon="canUseSubWeapon"
|
||||
:with-pet="true"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div class="space-y-1">
|
||||
<div class="text-xs text-muted-foreground">誓约</div>
|
||||
<OathList v-model:part="equippedOathPart" :detail="configStore.config.oaths" />
|
||||
</div>
|
||||
</div>
|
||||
<CardContent v-if="sidePanelTab === 'equipped'" class="min-h-0 flex-1 overflow-hidden p-0">
|
||||
<ResultPanel />
|
||||
</CardContent>
|
||||
|
||||
<CardContent
|
||||
|
||||
Reference in New Issue
Block a user