gil/web-temp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix. 사전예약 수정

Browse Source
This commit is contained in:
clkim
2025-11-07 11:28:36 +09:00
parent 5679d28697
commit 2e55cda20e
5 changed files with 24 additions and 65 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/app.vue
View File

@@ -30,7 +30,7 @@ const getGameDataFromServer = (): GameDataValue | null => {
const setupAllMetaData = (data: GameDataValue) => {
const meta = data.meta_tag_json ?? ({} as GameDataMetaTag)
const faviconPath = data.favicon_json ?? ({} as GameDataFavicon)
const theme = data.design_theme === 1 ? 'dark' : 'light'
const theme = data.design_theme === 1 ? 'light' : 'dark'
// 파비콘 링크 생성
const faviconLinks = [

5
layers/components/blocks/modal/Layer.vue
View File

@@ -12,9 +12,14 @@ const props = withDefaults(defineProps<props>(), {
isOutsideClose: false,
})
const emit = defineEmits<{
close: []
}>()
const isOpen = defineModel<boolean>('isOpen', { default: false })
const handleCloseModal = () => {
emit('close')
isOpen.value = false
}

56
layers/components/widgets/modal/Preregist.vue
View File

@@ -259,9 +259,7 @@ const resetForm = () => {
const handleClose = () => {
if (isSubmitting.value) return
isOpen.value = false
step.value = 1
// 애니메이션 완료 후 초기화
setTimeout(resetForm, 300)
}
@@ -273,7 +271,7 @@ defineExpose({
<template>
<BlocksModalLayer
:is-open="isOpen"
v-model:is-open="isOpen"
area-class="h-full bg-[#292929] pt-[60px] md:w-[476px] md:h-[680px] md:pt-[64px] md:rounded-[20px] md:shadow-[0_2px_4px_rgba(0,0,0,0.06)]"
close-class="absolute top-[19px] right-[26px] md:top-[20px] md:right-[24px]"
@close="handleClose"
@@ -281,27 +279,17 @@ defineExpose({
<!-- Step 1: Terms Agreement -->
<div v-if="step === 1" class="flex flex-col h-full">
<div class="flex gap-5 px-5 pt-5 pb-[12px] md:px-10 md:pt-6 md:pb-[16px]">
<h2
<h4
class="flex-1 text-xl font-bold leading-[30px] tracking-[-0.6px] text-[#ebebeb] md:text-2xl md:leading-[34px] md:tracking-[-0.72px]"
>
{{ t('Preregist_Modal_Title01') }}
</h2>
<div class="flex h-[30px] items-center gap-1 md:h-[34px]">
<span
class="text-base font-bold leading-6 tracking-[-0.48px] text-[#b2b2b2]"
>
1
</span>
<span
class="text-xs font-bold leading-[18px] tracking-[-0.24px] text-[#666666]"
>
/
</span>
<span
class="text-base font-medium leading-6 tracking-[-0.48px] text-[#666666]"
>
2
</span>
</h4>
<div
class="flex h-[30px] items-center gap-1 text-base leading-6 tracking-[-0.48px] md:h-[34px]"
>
<span class="font-bold text-[#b2b2b2]">1</span>
<span class="text-[#666666]">/</span>
<span class="text-[#666666]">2</span>
</div>
</div>
@@ -507,27 +495,17 @@ defineExpose({
<!-- Step 2: Success -->
<div v-if="step === 2" class="flex flex-1 flex-col h-full">
<div class="flex gap-5 px-5 pb-10 pt-5 md:px-10 md:pb-12 md:pt-6">
<p
<h4
class="flex-1 text-xl font-bold leading-[30px] tracking-[-0.6px] text-[#ebebeb] md:text-2xl md:leading-[34px] md:tracking-[-0.72px]"
>
{{ t('Preregist_Modal_Title02') }}
</p>
<div class="flex h-[30px] items-center gap-1 md:h-[34px]">
<span
class="text-base font-bold leading-6 tracking-[-0.48px] text-[#b2b2b2]"
>
2
</span>
<span
class="text-xs font-bold leading-[18px] tracking-[-0.24px] text-[#666666]"
>
/
</span>
<span
class="text-base font-medium leading-6 tracking-[-0.48px] text-[#666666]"
>
2
</span>
</h4>
<div
class="flex h-[30px] items-center gap-1 text-base leading-6 tracking-[-0.48px] md:h-[34px]"
>
<span class="font-bold text-[#b2b2b2]">2</span>
<span class="text-[#666666]">/</span>
<span class="text-[#666666]">2</span>
</div>
</div>

23
layers/composables/usePreregist.ts
View File

@@ -12,13 +12,6 @@ import { countryDialingCodes } from '#layers/assets/data/countryData'
* 프로모션 - 사전등록
*/
const usePreregist = () => {
const promotion = ref({
id: 'preregist',
title: '사전등록 프로모션',
link: '/#preregist',
startDate: '2025-07-09 10:00:00',
endDate: '2025-12-31 23:59:59',
}) // 사전 등록 프로모션 정보
const preregistDate = ref(Date.now()) // 사전 등록일
// [Setter] 사전등록 - 사전 등록일 세팅
@@ -26,20 +19,6 @@ const usePreregist = () => {
preregistDate.value = newPreregistDate
}
// 프로모션 기간 여부
const isPromotionPeriod = computed(() => {
if (
!promotion.value ||
!promotion.value.startDate ||
!promotion.value.endDate
) {
return false
}
// return isBetweenPeriod(
// kstStringToTimestamp(promotion.value.startDate),
// kstStringToTimestamp(promotion.value.endDate)
// )
})
// 국가 번호 조회
const countryDialingCode = computed(() => {
return countryDialingCodes[countryCode.value.toUpperCase()]
@@ -225,12 +204,10 @@ const usePreregist = () => {
}
return {
promotion,
isKorea,
isTaiwanHongKongMacau,
isNorthAmerica,
countryCode,
isPromotionPeriod,
countryDialingCode,
preregistDate,
checkCountryByIp,

3
layers/templates/FxPreregist01/index.vue
View File

@@ -316,7 +316,6 @@ const handlePreregistClick = () => {
/>
<WidgetsSubTitle
v-if="accRewardTitleData"
tag="h4"
:resources-data="accRewardTitleData"
class="mt-[48px] text-[18px] font-[700] leading-[26px] tracking-[-0.54px] drop-shadow-[0_2px_2px_rgba(0,0,0,0.6)] md:mt-[72px] md:text-[24px] md:leading-[34px] md:tracking-[0.72px]"
/>
@@ -349,7 +348,7 @@ const handlePreregistClick = () => {
<SplideSlide
v-for="item in rewardImages"
:key="item.id"
class="w-[162px] h-[228px] md:w-[176px] md:h-[249px]"
class="w-[162px] h-[228px] md:w-[172px] md:h-[245px]"
>
<AtomsImg
:src="