From b566d32eb822a246d30a1fc3b2f5f926f6fc4fdb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=9B=AE=E6=A3=83?= <BT-Muli@outlook.com>
Date: Sun, 14 Jul 2024 20:20:42 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20=E4=BF=AE=E5=A4=8D=E6=9C=AA?=
 =?UTF-8?q?=E8=A3=85=E9=85=8D=E5=9C=A3=E9=81=97=E7=89=A9=E6=97=B6=E7=9A=84?=
 =?UTF-8?q?=E6=B8=B2=E6=9F=93=E5=BC=82=E5=B8=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../devCharacter/duc-detail-relics.vue          | 17 ++++++++++++++---
 1 file changed, 14 insertions(+), 3 deletions(-)

diff --git a/src/components/devCharacter/duc-detail-relics.vue b/src/components/devCharacter/duc-detail-relics.vue
index cad31fc7..66b949d8 100644
--- a/src/components/devCharacter/duc-detail-relics.vue
+++ b/src/components/devCharacter/duc-detail-relics.vue
@@ -1,14 +1,16 @@
 <template>
   <div class="ddr-box">
     <DucDetailRelic
-      v-for="relic in props.data"
-      :key="relic.id"
+      v-for="(relic, index) in transData"
+      :key="index"
       :model-value="relic"
-      :pos="relic.pos"
+      :pos="index + 1"
     />
   </div>
 </template>
 <script lang="ts" setup>
+import { computed } from "vue";
+
 import DucDetailRelic from "./duc-detail-relic.vue";
 
 interface DucDetailRelicsProps {
@@ -16,6 +18,15 @@ interface DucDetailRelicsProps {
 }
 
 const props = defineProps<DucDetailRelicsProps>();
+const transData = computed(() => {
+  let relics: (TGApp.Sqlite.Character.RoleReliquary | false)[] = [];
+  for (let i = 0; i < 5; i++) {
+    const relic = props.data.find((relic) => relic.pos === i + 1);
+    if (relic) relics.push(relic);
+    else relics.push(false);
+  }
+  return relics;
+});
 </script>
 <style lang="css" scoped>
 .ddr-box {