From fd83d3ae946194c897623708959eef8ac5564c78 Mon Sep 17 00:00:00 2001 From: clkim Date: Fri, 27 Feb 2026 15:15:59 +0900 Subject: [PATCH] =?UTF-8?q?fix.=20[SWV-866]=20=EC=95=A1=EC=85=98=EB=B2=84?= =?UTF-8?q?=ED=8A=BC=20=EA=B8=B0=EB=8A=A5=20=EA=B0=9C=EC=84=A0=20(?= =?UTF-8?q?=EC=9D=B4=EB=AF=B8=EC=A7=80=20=ED=83=80=EC=9E=85=20=EC=B6=94?= =?UTF-8?q?=EA=B0=80)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Made-with: Cursor --- app/pages/inspection/index.vue | 6 +- app/pages/teaser.vue | 13 ++ layers/components/atoms/Button/Circle.vue | 19 +- layers/components/atoms/Button/Image.vue | 87 ++++++++ layers/components/atoms/Button/Play.vue | 24 +-- layers/components/atoms/Button/index.vue | 16 +- layers/components/blocks/Button/Home.vue | 4 +- layers/components/blocks/Button/Launcher.vue | 39 ++-- layers/components/blocks/Button/ScrollTop.vue | 4 +- .../components/blocks/Button/SlideArrows.vue | 6 +- layers/components/blocks/Sns.vue | 6 +- layers/components/layouts/Header.vue | 3 + layers/components/layouts/Main.vue | 2 +- layers/components/widgets/ButtonList.vue | 185 ++++++++++++------ layers/components/widgets/VideoPlay.vue | 4 +- layers/templates/FxDownload01/index.vue | 15 +- layers/templates/GrVisual01/index.vue | 4 +- layers/templates/GrVisual02/index.vue | 2 +- layers/types/api/pageData.ts | 1 + layers/types/components/button.ts | 11 +- public/images/common/btn_play/btn_default.png | Bin 595632 -> 7612 bytes .../images/common/btn_play/btn_default_m.png | Bin 0 -> 7612 bytes public/images/common/btn_play/btn_hover.png | Bin 186584 -> 23163 bytes public/images/common/btn_play/btn_hover_m.png | Bin 0 -> 23163 bytes public/images/test.png | Bin 0 -> 15316 bytes 25 files changed, 308 insertions(+), 143 deletions(-) create mode 100644 app/pages/teaser.vue create mode 100644 layers/components/atoms/Button/Image.vue create mode 100644 public/images/common/btn_play/btn_default_m.png create mode 100644 public/images/common/btn_play/btn_hover_m.png create mode 100644 public/images/test.png diff --git a/app/pages/inspection/index.vue b/app/pages/inspection/index.vue index a780b7a..4642511 100644 --- a/app/pages/inspection/index.vue +++ b/app/pages/inspection/index.vue @@ -69,10 +69,9 @@ type="single" platform="pc" class="inspection-launcher" - :icon-component="AtomsIconsPlayRoundFill" - :icon-props="{ size: 16, color: '#332C2A' }" > {{ tm('Txt_Game_Start') }} + @@ -358,6 +357,9 @@ definePageMeta({ .button-group:deep(.inspection-launcher.btn-base) { @apply flex-1 bg-[var(--primary)] px-0 rounded md:rounded-lg; } +.button-group:deep(.inspection-launcher) .text { + @apply flex items-center justify-center gap-[2px] mr-0 md:gap-[4px]; +} .button-group:deep(.inspection-launcher.btn-base .icon-platform) { @apply hidden; } diff --git a/app/pages/teaser.vue b/app/pages/teaser.vue new file mode 100644 index 0000000..f8f4ea1 --- /dev/null +++ b/app/pages/teaser.vue @@ -0,0 +1,13 @@ + + + diff --git a/layers/components/atoms/Button/Circle.vue b/layers/components/atoms/Button/Circle.vue index e252760..a5a548a 100644 --- a/layers/components/atoms/Button/Circle.vue +++ b/layers/components/atoms/Button/Circle.vue @@ -1,32 +1,45 @@ + + + + diff --git a/layers/components/atoms/Button/Play.vue b/layers/components/atoms/Button/Play.vue index bfe37ff..53c495e 100644 --- a/layers/components/atoms/Button/Play.vue +++ b/layers/components/atoms/Button/Play.vue @@ -2,23 +2,23 @@ import type { TrackingObject } from '#layers/types/api/common' interface Props { - category?: 'system' | 'image' + variant?: 'videoPlay' | 'videoPlayImg' backgroundColor?: string tracking: TrackingObject } -const props = withDefaults(defineProps(), { category: 'system' }) +const props = withDefaults(defineProps(), { variant: 'videoPlay' }) const { locale } = useI18n() const { sendLog } = useAnalytics() const buttonClasses = computed(() => [ 'btn-play', - props.category === 'system' ? 'play-icon' : 'play-image', + props.variant === 'videoPlay' ? 'play-icon' : 'play-image', ]) const buttonStyle = computed(() => - props.category === 'system' && props.backgroundColor + props.variant === 'videoPlay' && props.backgroundColor ? { backgroundColor: props.backgroundColor } : {} ) @@ -28,7 +28,7 @@ const onClick = () => sendLog(locale.value, props.tracking)