From 3729a2bcb75ede76a75f3d506a404e4725d45817 Mon Sep 17 00:00:00 2001 From: clkim Date: Fri, 24 Oct 2025 10:03:54 +0900 Subject: [PATCH] =?UTF-8?q?feat.=20GR=5FCONTENTS=5F01=20=ED=85=9C=ED=94=8C?= =?UTF-8?q?=EB=A6=BF=20=EC=A0=9C=EC=9E=91?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- layers/assets/css/components/_layout.css | 9 +- layers/components/atoms/Img.vue | 62 ++++++++ layers/components/blocks/VisualContent.vue | 8 +- layers/components/blocks/loading/Full.vue | 55 +++---- layers/components/blocks/loading/Local.vue | 55 +++---- .../components/blocks/slide/CenterFocus.vue | 34 ++-- .../blocks/slide/CenterHighlight.vue | 6 +- layers/components/blocks/slide/Default.vue | 86 +++++++++++ layers/components/blocks/slide/Fade.vue | 3 +- layers/components/widgets/BannerList.vue | 47 ------ layers/composables/useTemplateRegistry.ts | 4 +- layers/templates/GrContents01/index.vue | 146 ++++++++++++++++++ layers/templates/GrDetail01/index.vue | 4 +- layers/templates/GrDetail02/index.vue | 4 +- layers/templates/GrDetail03/index.vue | 4 +- layers/templates/GrGallery01/index.vue | 2 +- layers/templates/GrGallery02/index.vue | 2 +- layers/templates/GrGallery03/index.vue | 8 +- layers/templates/GrVisual02/index.vue | 6 +- layers/templates/GrVisual03/index.vue | 4 +- .../publisning_template_loader_black.png | Bin 0 -> 271838 bytes .../publisning_template_loader_white.png | Bin 0 -> 263470 bytes 22 files changed, 385 insertions(+), 164 deletions(-) create mode 100644 layers/components/atoms/Img.vue create mode 100644 layers/components/blocks/slide/Default.vue delete mode 100644 layers/components/widgets/BannerList.vue create mode 100644 layers/templates/GrContents01/index.vue create mode 100644 public/images/common/publisning_template_loader_black.png create mode 100644 public/images/common/publisning_template_loader_white.png diff --git a/layers/assets/css/components/_layout.css b/layers/assets/css/components/_layout.css index dc920f1..b4a5773 100644 --- a/layers/assets/css/components/_layout.css +++ b/layers/assets/css/components/_layout.css @@ -15,15 +15,18 @@ } /* Title Utility Classes */ - .title-lg { + .title-xlg { @apply line-clamp-4 text-[24px] font-[700] leading-[34px] drop-shadow-[0_2px_2px_rgba(0,0,0,0.6)] md:line-clamp-3 md:text-[50px] md:leading-[70px]; } - .title-md { + .title-lg { @apply line-clamp-4 text-[20px] font-[700] leading-[30px] drop-shadow-[0_2px_2px_rgba(0,0,0,0.6)] md:line-clamp-3 md:text-[42px] md:leading-[56px]; } - .title-sm { + .title-md { @apply line-clamp-2 text-[16px] font-[500] leading-[24px] drop-shadow-[0_2px_2px_rgba(0,0,0,0.6)] md:line-clamp-1 md:text-[24px] md:leading-[34px]; } + .title-sm { + @apply text-[15px] font-[500] leading-[24px] tracking-[-0.45px] md:text-[20px] md:leading-[30px] md:tracking-[-0.6px]; + } .title-xs { @apply text-[14px] font-[500] leading-[20px] tracking-[-0.42px] md:text-[18px] md:leading-[26px] md:tracking-[-0.54px]; } diff --git a/layers/components/atoms/Img.vue b/layers/components/atoms/Img.vue new file mode 100644 index 0000000..c736199 --- /dev/null +++ b/layers/components/atoms/Img.vue @@ -0,0 +1,62 @@ + + + + + diff --git a/layers/components/blocks/VisualContent.vue b/layers/components/blocks/VisualContent.vue index e968b22..3c6f2e7 100644 --- a/layers/components/blocks/VisualContent.vue +++ b/layers/components/blocks/VisualContent.vue @@ -17,9 +17,9 @@ const imagePaths = computed(() => { if (!props.resourcesData?.res_path) return null const pcPath = - props.resourcesData.res_path.path_pc || props.resourcesData.res_path.path_mo + props.resourcesData.res_path.path_pc ?? props.resourcesData.res_path.path_mo const moPath = - props.resourcesData.res_path.path_mo || props.resourcesData.res_path.path_pc + props.resourcesData.res_path.path_mo ?? props.resourcesData.res_path.path_pc return { pc: pcPath ? getResolvedHost(pcPath) : '', @@ -45,8 +45,8 @@ const sanitizedContent = computed(() => {