diff --git a/src/components/userGacha/gbr-data-line.vue b/src/components/userGacha/gbr-data-line.vue new file mode 100644 index 00000000..ca09cffb --- /dev/null +++ b/src/components/userGacha/gbr-data-line.vue @@ -0,0 +1,144 @@ + + + + diff --git a/src/components/userGacha/gbr-data-view.vue b/src/components/userGacha/gbr-data-view.vue new file mode 100644 index 00000000..5694d7b7 --- /dev/null +++ b/src/components/userGacha/gbr-data-view.vue @@ -0,0 +1,263 @@ + + + + diff --git a/src/components/userGacha/gbr-overview.vue b/src/components/userGacha/gbr-overview.vue new file mode 100644 index 00000000..60e909c3 --- /dev/null +++ b/src/components/userGacha/gbr-overview.vue @@ -0,0 +1,34 @@ + + + + diff --git a/src/components/userGacha/gbr-table.vue b/src/components/userGacha/gbr-table.vue new file mode 100644 index 00000000..92b3a54b --- /dev/null +++ b/src/components/userGacha/gbr-table.vue @@ -0,0 +1,62 @@ + + + + diff --git a/src/components/userGacha/gro-iframe.vue b/src/components/userGacha/gro-iframe.vue index 5ed64413..40dec566 100644 --- a/src/components/userGacha/gro-iframe.vue +++ b/src/components/userGacha/gro-iframe.vue @@ -35,22 +35,28 @@ const GachaIdMap: Record = { "20021": "57016dec6b768231ba1342c01935417a799b", // 千星奇域角色活动-女 }; +const tabNormal: ReadonlyArray = [ + { label: "常驻祈愿", value: "200" }, + { label: "角色活动祈愿", value: "301" }, + { label: "武器活动祈愿", value: "302" }, + { label: "角色活动祈愿-2", value: "400" }, +]; +const tabBeyond: ReadonlyArray = [ + { label: "常驻颂愿", value: "1000", beyond: true }, + { label: "活动颂愿-男", value: "20011", beyond: true }, + { label: "活动颂愿-女", value: "20021", beyond: true }, +]; + type GroTabKey = keyof typeof GachaIdMap; type GroTab = { label: string; value: string; beyond?: boolean }; +type GroIframeProps = { mode: "normal" | "beyond" }; +const props = defineProps(); const { cookie, account } = storeToRefs(useUserStore()); const authkey = ref(""); const link = ref(""); const poolTab = ref("200"); -const tabList = shallowRef>([ - { label: "常驻祈愿", value: "200" }, - { label: "角色活动祈愿", value: "301" }, - { label: "武器活动祈愿", value: "302" }, - { label: "角色活动祈愿-2", value: "400" }, - { label: "常驻颂愿", value: "1000", beyond: true }, - { label: "活动颂愿-男", value: "20011", beyond: true }, - { label: "活动颂愿-女", value: "20021", beyond: true }, -]); +const tabList = shallowRef>(props.mode === "beyond" ? tabBeyond : tabNormal); onMounted(async () => { link.value = await getUrl(); @@ -107,7 +113,7 @@ async function refreshAuthkey(): Promise { display: flex; width: 100%; height: 100%; - align-items: center; + align-items: flex-start; justify-content: space-between; } diff --git a/src/pages/User/Gacha.vue b/src/pages/User/Gacha.vue index 1a098b51..f1c52db8 100644 --- a/src/pages/User/Gacha.vue +++ b/src/pages/User/Gacha.vue @@ -1,3 +1,4 @@ +