https://media.yam.com/_nuxt/DK-__AKv.js

1import{t as L,n as M,a as Q,o as E,e as H,Q as R,I as U,_ as W}from"./DZfThFNo.js";import{_ as X}from"./D4lzY8Kc.js";import{g as G,a as J,h as K,b as Y,w as Z}from"./LkDQIHlc.js";import{a as P,F as j,ac as ee,N as t,O as a,P as e,a7 as o,T as c,U as m,ad as O,a4 as w,a5 as l,X as d,u as $,a6 as T,af as te,ag as se,ah as ae,ai as oe,aj as ne,ak as ie,ab as le,R as re,a9 as I,Q as ce}from"./CVVh2RWO.js";import{_ as de,a as ue}from"./CuEabf-C.js";import{_ as V}from"./DxXM_cBi.js";import{_ as me}from"./BYHMkfnc.js";import{u as _e}from"./CnmsXf7n.js";import{q as pe}from"./BWBBbMfK.js";import"./7EUD5drY.js";const fe={class:"itemBox-item px-4 mb-8 last:mb-5 -per-5"},he={class:"header"},ge={class:"flex items-baseline gap-1 fz-6"},be={class:"index"},we={class:"title"},xe={class:"desc pl-1 fz-4"},$e={class:"itemBox-list relative sm:mt-3"},ye={class:"flex items-center gap-1"},ve=e("span",{class:"sub fz-3"},"CASE",-1),ke={class:"fz-4 sm:fz-5 fw-300"},Be={class:"links"},Se=e("br",null,null,-1),ze=e("i",{class:"icon icon-mdi-arrow-right","aria-hidden":"true"},null,-1),Te={__name:"List",props:{info:{type:[Array,Object],required:!0,default:()=>[]},index:{type:String,required:!0,default:"01"}},setup(s){const _=P(!1),{start:p}=G(()=>{_.value=!0},3e3);return j(()=>{p()}),(y,r)=>{const u=L,h=M,n=Q,f=E,g=H,i=R,b=X,q=ee("motion-slide-visible-once-right");return t(),a("section",fe,[e("header",he,[e("h4",ge,[e("span",be,o(s.index),1),e("span",we,o(s.info.title),1)]),e("p",xe,o(s.info.desc),1)]),e("ul",$e,[(t(!0),a(c,null,m(s.info.list,(v,x,C)=>O((t(),a("li",{key:`marketing-listItem-${C}`,class:"item"},[e("div",ye,[ve,e("h6",ke,o(x),1)]),e("div",Be,[(t(!0),a(c,null,m(v,(k,B)=>(t(),w(b,{key:`marketing-listItem-link-${B}`,to:`${k.url}`,class:"clip",external:"",target:"_blank",rel:"noopener noreferrer",prefetch:!1},{default:l(()=>[s.info.title==="新品開箱"&&B===0&&C===0?(t(),w(i,{key:0},{default:l(()=>[d(g,{open:$(_)},{default:l(()=>[d(u,{class:"tooltip-trigger"},{default:l(()=>[T(o(k.title),1)]),_:2},1024),d(f,{to:"main"},{default:l(()=>[d(n,{"as-child":"",class:"tooltip select-none px-4 py-1 fz-4 z-1","side-offset":24,"hide-when-detached":!1,side:"left"},{default:l(()=>[e("div",null,[T(" 點擊此連結"),Se,T(" 查看實際範例 "),d(h,{class:"tooltip-arrow",size:"8"})])]),_:1})]),_:1})]),_:2},1032,["open"])]),_:2},1024)):(t(),a(c,{key:1},[T(o(k.title)+" ",1),ze],64))]),_:2},1032,["to"]))),128))])])),[[q]])),128))])])}}},qe={class:"itemBox-swiper-wrap mb-8 last:mb-5"},Ce={class:"header px-4"},Ne={class:"flex items-baseline gap-1 mb-3 fz-6"},Ae={class:"index"},Ie={class:"title"},Pe={class:"flex items-center justify-center w-full h-full"},je={class:"itemBox-titleBox"},Oe={class:"fz-6"},Ve=e("span",{class:"sub fz-5 fw-bold"},"懶人包",-1),Fe={__name:"Swiper",props:{info:{type:[Array,Object],required:!0,default:()=>[]},index:{type:String,required:!0,default:"01"}},setup(s){const _=P(1);return(p,y)=>{const r=V,u=oe,h=ne;return t(),a("section",qe,[e("header",Ce,[e("h4",Ne,[e("span",Ae,o(s.index),1),e("span",Ie,o(s.info.title),1)]),O(e("p",{class:"desc sub pl-3 fz-4"},o(s.info.desc),513),[[te,s.info.desc]])]),(t(!0),a(c,null,m(s.info.list,(n,f)=>(t(),a("section",{key:`marketing-sectionItem-list-${f}`,class:"relative mx-auto mb-3 w-full lg:w-100vw lg:max-w-full h-30 overflow-hidden"},[(t(),w(h,{key:`marketing-itemBox-swiper-${f}`,modules:["SwiperFreeMode"in p?p.SwiperFreeMode:$(se),"SwiperAutoplay"in p?p.SwiperAutoplay:$(ae)],"slides-per-view":4,"space-between":24,"free-mode":!0,autoplay:{delay:2500,disableOnInteraction:!1},loop:!0,"active-index":n.activeIndex,class:"itemBox-swiper w-100vw max-w-full lg:max-w-66vw min-h-30 max-h-30 overflow-hidden"},{default:l(()=>[(t(!0),a(c,null,m($(_),g=>(t(),a(c,{key:`marketing-swiper-loop-${g}`},[(t(!0),a(c,null,m(n.imgs.slice(0,n.activeIndex),(i,b)=>(t(),w(u,{key:`marketing-swiper-loop-${g}-${n.title}-0-imgs-${b}`,class:"imgBox-wrap -square"},{default:l(()=>[d(r,{class:"imgBox-item w-full h-full object-cover aspect-1/1",src:i.img,alt:i.alt,quality:"100",format:"webp"},null,8,["src","alt"])]),_:2},1024))),128)),d(u,{class:"w-15! h-24!"},{default:l(()=>[e("div",Pe,[e("div",je,[e("h6",Oe,o(n.title),1),Ve])])]),_:2},1024),(t(!0),a(c,null,m(n.imgs.slice(n.activeIndex),(i,b)=>(t(),w(u,{key:`marketing-swiper-loop-${g}-${f}-1-imgs-${b}

1`,class:"imgBox-wrap -square"},{default:l(()=>[d(r,{class:"imgBox-item w-full h-full object-cover aspect-1/1",src:i.img,alt:i.alt,quality:"100",format:"webp"},null,8,["src","alt"])]),_:2},1024))),128))],64))),128))]),_:2},1032,["modules","active-index"]))]))),128))])}}},De={class:"mb-8 last:mb-5"},Le={class:"header px-4"},Me={class:"flex items-baseline gap-1 mb-1 fz-6"},Qe={class:"index"},Ee={class:"title"},He={class:"desc sub pl-3 fz-4"},Re={class:"fz-4"},Ue={class:"hide-text"},We={__name:"TabsBox",props:{info:{type:[Array,Object],required:!0,default:()=>[]},index:{type:String,required:!0,default:"01"},tabPreView:{type:Number,default:3},enableScrollbar:{type:Boolean,default:!1}},setup(s){return(_,p)=>{const y=V,r=U,u=W;return t(),a("section",De,[e("header",Le,[e("h4",Me,[e("span",Qe,o(s.index),1),e("span",Ee,o(s.info.title),1)]),e("p",He,o(s.info.desc),1)]),d(u,{class:"itemBox-tabs px-4","tab-val":s.info.tabsNav,"tab-class":["sm:pl-3","max-w-48rem"],"tab-pre-view":s.tabPreView,"enable-scrollbar":s.enableScrollbar},ie({default:l(()=>[(t(!0),a(c,null,m(s.info.list,(h,n)=>(t(),w(r,{key:`marketing-sectionItem-tabsContent-${n}`,value:`tab-${n+1}`,as:"section",class:"grid grid-cols-2 sm:grid-cols-4 gap-2 sm:px-3"},{default:l(()=>[e("h5",Ue,o(h.title),1),(t(!0),a(c,null,m(h.imgs,(f,g)=>(t(),a("div",{key:`marketing-tabsContent-${h.title}-imgs-${g}`,class:"imgBox-wrap -squareFull"},[d(y,{class:"imgBox-item",src:f.img,alt:f.alt,quality:"100",format:"webp"},null,8,["src","alt"])]))),128))]),_:2},1032,["value"]))),128))]),_:2},[s.info.tabsNav.length?void 0:{name:"list",fn:l(()=>[e("span",Re,o(s.info.tabsNavSlot),1)]),key:"0"}]),1032,["tab-val","tab-pre-view","enable-scrollbar"])])}}},Xe={class:"page-wrap"},Ge={class:"page-main -full"},Je=["id"],Ke={class:"header mb-5 px-4"},Ye={class:"title"},Ze={class:"desc"},et={key:0,class:"title"},ut={__name:"marketing",async setup(s){let _,p;const{countIndex:y}=_e(),r=J(),{width:u}=K(),h=Te,n=ue,f=Fe,g=We,i={title:"整合行銷",sub:"Integrated Marketing"};Y({title:i.title,meta:[{property:"og:title",content:i.title+` - ${r.site.title}`},{name:"description",content:r.site.desc},{property:"og:description",content:r.site.desc},{property:"og:image",content:r.site.ogImage},{name:"twitter:title",content:i.title+` - ${r.site.title}`},{name:"twitter:description",content:r.site.desc},{name:"twitter:image",content:r.site.ogImage}]});const b=([_,p]=le(()=>pe("/marketing").findOne()),_=await _,p(),_),q=x=>{if(x==="list")return h;if(x==="card")return n;if(x==="tabs")return g;if(x==="swiper")return f},v=()=>u.value<420?1.5:u.value<640?2.5:3;return j(()=>{v()}),Z(u,()=>{v()},{debounce:1e3}),(x,C)=>{const k=me,B=de;return t(),a("div",Xe,[d(k,{title:i.title,sub:i.sub,desc:i.desc},null,8,["title","sub","desc"]),d(B,{list:$(b).list},null,8,["list"]),e("main",Ge,[(t(!0),a(c,null,m($(b).list,(S,F)=>(t(),a("section",{id:S.id,key:`marketing-list-${F}`,class:"page-section target itemBox-wrap mb-10"},[e("header",Ke,[e("h2",Ye,o(S.title),1),e("p",Ze,o(S.desc),1)]),(t(!0),a(c,null,m(S.list,(z,D)=>(t(),w(I(z.title?"section":"div"),{key:`marketing-section-${D}`,class:"itemBox-section"},{default:l(()=>[z.title?(t(),a("h3",et,o(z.title),1)):re("",!0),(t(!0),a(c,null,m(z.list,(N,A)=>(t(),w(I(q(N.type)),{key:`marketing-sectionItem-${A}`,info:N,index:$(y)(A),"tab-pre-view":v(),"enable-scrollbar":!0,class:ce([{"px-4":N.type==="card"}])},null,8,["info","index","tab-pre-view","class"]))),128))]),_:2},1024))),128))],8,Je))),128))])])}}};export{ut as default};