From 9208aae87f73b95d8927d0b8f69fd613bbadb1d4 Mon Sep 17 00:00:00 2001 From: clkim Date: Fri, 27 Feb 2026 15:14:16 +0900 Subject: [PATCH] =?UTF-8?q?fix.=20[SWV-865]=20=EC=98=81=EC=83=81=EC=9E=AC?= =?UTF-8?q?=EC=83=9D=20=EB=B2=84=ED=8A=BC=20=EA=B0=9C=EC=84=A0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Made-with: Cursor --- layers/components/atoms/Button/Circle.vue | 8 +-- layers/components/atoms/Button/Play.vue | 52 +++++++++++++----- layers/components/blocks/Button/Home.vue | 2 +- layers/components/blocks/Button/ScrollTop.vue | 2 +- .../components/blocks/Button/SlideArrows.vue | 4 +- layers/components/blocks/Sns.vue | 2 +- layers/components/layouts/EventNavigation.vue | 2 +- layers/components/widgets/VideoPlay.vue | 12 ++-- layers/templates/GrGallery01/index.vue | 5 +- layers/templates/GrVisual01/index.vue | 12 +++- layers/templates/GrVisual02/index.vue | 12 +++- public/images/common/btn_play/btn_default.png | Bin 0 -> 595632 bytes public/images/common/btn_play/btn_hover.png | Bin 0 -> 186584 bytes 13 files changed, 81 insertions(+), 32 deletions(-) create mode 100644 public/images/common/btn_play/btn_default.png create mode 100644 public/images/common/btn_play/btn_hover.png diff --git a/layers/components/atoms/Button/Circle.vue b/layers/components/atoms/Button/Circle.vue index e4d7157..e252760 100644 --- a/layers/components/atoms/Button/Circle.vue +++ b/layers/components/atoms/Button/Circle.vue @@ -3,7 +3,7 @@ interface props { type?: 'button' | 'link' to?: string target?: '_self' | '_blank' - bgColor?: string + backgroundColor?: string srOnly?: string } @@ -11,7 +11,7 @@ const props = withDefaults(defineProps(), { type: 'button', to: '', target: '_self', - bgColor: '', + backgroundColor: '', srOnly: '', }) @@ -34,8 +34,8 @@ const componentProps = computed(() => { const buttonStyle = computed(() => { const style: Record = {} - if (props.bgColor) { - style.backgroundColor = props.bgColor + if (props.backgroundColor) { + style.backgroundColor = props.backgroundColor } return style }) diff --git a/layers/components/atoms/Button/Play.vue b/layers/components/atoms/Button/Play.vue index 946a705..bfe37ff 100644 --- a/layers/components/atoms/Button/Play.vue +++ b/layers/components/atoms/Button/Play.vue @@ -2,27 +2,33 @@ import type { TrackingObject } from '#layers/types/api/common' interface Props { - bgColor?: string + category?: 'system' | 'image' + backgroundColor?: string tracking: TrackingObject } -const props = defineProps() +const props = withDefaults(defineProps(), { category: 'system' }) const { locale } = useI18n() const { sendLog } = useAnalytics() -const handlePlayClick = () => { - sendLog(locale.value, props.tracking) -} +const buttonClasses = computed(() => [ + 'btn-play', + props.category === 'system' ? 'play-icon' : 'play-image', +]) + +const buttonStyle = computed(() => + props.category === 'system' && props.backgroundColor + ? { backgroundColor: props.backgroundColor } + : {} +) + +const onClick = () => sendLog(locale.value, props.tracking)