https://www.swimsuitcustom.com/_nuxt/BfoJAUj1.js

1import{r as b,h as f,x as V,c as o,o as i,j as t,l as a,d as s,p as v,t as r,n as L}from"#entry";const T={class:"relative py-16 overflow-hidden"},P={class:"relative max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"},D={key:0,class:"flex flex-col lg:flex-row items-center gap-12"},E={class:"flex-1 max-w-4xl group"},H={class:"relative"},W={class:"relative aspect-video rounded-lg overflow-hidden bg-white shadow-xl group-hover:shadow-2xl transition-all duration-500"},F=["src","alt"],I={class:"absolute bottom-0 left-0 right-0 p-2 sm:p-3"},Y={class:"text-white font-semibold text-xs sm:text-sm mb-1.5 line-clamp-2 drop-shadow-lg"},A={class:"flex items-center gap-2 text-white/90 text-xs"},N={class:"drop-shadow-lg"},$={key:0,class:"absolute top-2 right-2 bg-black/80 text-white text-xs font-semibold px-1.5 py-0.5 rounded"},q={key:1,class:"absolute inset-0 bg-black/90 flex items-center justify-center z-10"},U=["src"],G=["poster"],J=["src"],K={class:"flex-1 text-left lg:text-left"},O={class:"relative flex items-start gap-4 mb-6"},Q={class:"text-3xl md:text-4xl font-bold text-gray-900 leading-tight"},R={class:"text-lg text-gray-600 leading-relaxed mb-8 max-w-2xl"},X={class:"flex justify-start"},Z={key:1,class:"text-center"},tt={class:"mb-12 flex flex-col items-center"},et={class:"text-3xl md:text-4xl font-bold text-gray-900 mb-6"},lt={class:"text-lg text-gray-600 leading-relaxed max-w-3xl mx-auto"},st={class:"mb-12 max-w-6xl mx-auto group"},ot={class:"relative"},it={class:"relative aspect-video rounded-lg overflow-hidden bg-white shadow-xl group-hover:shadow-2xl transition-all duration-500"},at=["src","alt"],rt={class:"absolute bottom-0 left-0 right-0 p-3 sm:p-4"},nt={class:"text-white font-semibold text-sm sm:text-base mb-2 line-clamp-2 drop-shadow-lg"},dt={class:"flex items-center gap-2 text-white/90 text-xs sm:text-sm"},ct={class:"drop-shadow-lg"},ut={key:0,class:"absolute top-3 right-3 bg-black/80 text-white text-xs sm:text-sm font-semibold px-2 py-1 rounded"},vt={key:1,class:"absolute inset-0 bg-black/90 flex items-center justify-center z-10"},ht=["src"],ft=["poster"],mt=["src"],xt={class:"flex justify-center"},bt={__name:"HomeVideoShowcase",props:{title:{type:String,default:"探索我们的泳衣制造过程"},description:{type:String,default:"观看我们的视频，了解如何从设计到生产打造高品质的定制泳衣。我们拥有先进的生产设备和专业的设计团队，确保每一件产品都符合最高质量标准。"},videoSrc:{type:String,required:!0},poster:{type:String,default:""},ctaText:{type:String,default:"了解更多"},showPlayButton:{type:Boolean,default:!0},layout:{type:String,default:"vertical",validator:l=>["vertical","horizontal"].includes(l)},videoDuration:{type:String,default:""},youtubeWatchText:{type:String,default:"Watch on YouTube"}},emits:["cta-click","video-play","video-pause"],setup(l,{emit:_}){const m=l,x=_,d=b(null),p=b(!1),h=b(!1),n=f(()=>m.videoSrc?m.videoSrc.includes("youtube.com")||m.videoSrc.includes("youtu.be"):!1),M=B=>{const e=/^.*(youtu.be\/|v\/|u\/\w\/|embed\/|watch\?v=|&v=)([^#&?]*).*/,w=B.match(e);return w&&w[2].length===11?w[2]:null},u=f(()=>n.value?M(m.videoSrc):""),y=f(()=>u.value?`https://img.youtube.com/vi/${u.value}/hqdefault.jpg`:"");f(()=>u.value?`https://www.youtube.com/embed/${u.value}?rel=0&modestbranding=1`:"");const k=f(()=>u.value?`https://www.youtube.com/embed/${u.value}?rel=0&modestbranding=1&autoplay=1`:""),c=b(!1),C=()=>{c.value=!0,h.value=!0,x("video-play")},z=()=>{c.value=!1},g=()=>{!n.value&&d.value&&(d.value.addEventListener("play",()=>{p.value=!0,x("video-play")}),d.value.addEventListener("pause",()=>{p.value=!1,x("video-pause")}))},S=()=>{d.value&&d.value.play()},j=()=>{x("cta-click")};return V(()=>{d.value&&g()}),(B,e)=>(i(),o("section",T,[t("div",P,[l.layout==="horizontal"?(i(),o("div",D,[t("div",E,[t("div",H,[t("div",W,[s(n)&&!s(h)?(i(),o("div",{key:0,class:"relative w-full h-full cursor-pointer group/youtube",onClick:C},[t("img",{src:s(y),alt:l.title,loading:"lazy",class:"w-full h-full object-cover"},null,8,F),e[1]||(e[1]=v('<div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/0 to-black/20"></div><div class="absolute inset-0 flex items-center justify-center"><div class="relative group-hover/youtube:scale-110 transition-transform duration-200"><div class="relative"><svg class="w-16 h-16 sm:w-20 sm:h-20 drop-shadow-2xl" viewBox="0 0 68 48" fill="none"><path d="M66.52 7.74c-.78-2.93-2.49-5.41-5.42-6.19C55.79.13 34 0 34 0S12.21.13 6.9 1.55c-2.93.78-4.63 3.26-5.42 6.19C.06 13.05 0 24 0 24s.06 10.95 1.48 16.26c.78 2.93 2.49 5.41 5.42 6.19C12.21 47.87 34 48 34 48s21.79-.13 27.1-1.55c2.93-.78 4.64-3.26 5.42-6.19C67.94 34.95 68 24 68 24s-.06-10.95-1.48-16.26z" fill="#FF0000" class="group-hover/youtube:fill-[#CC0000] transition-colors duration-200"></path><path d="M45 24L27 14v20l18-10z" fill="white"></path></svg></div></div></div>

1',2)),t("div",I,[t("div",Y,r(l.title),1),t("div",A,[e[0]||(e[0]=t("svg",{class:"w-4 h-4 sm:w-5 sm:h-5 flex-shrink-0",viewBox:"0 0 24 24",fill:"currentColor"},[t("path",{d:"M19.615 3.184c-3.604-.246-11.631-.245-15.23 0-3.897.266-4.356 2.62-4.385 8.816.029 6.185.484 8.549 4.385 8.816 3.6.245 11.626.246 15.23 0 3.897-.266 4.356-2.62 4.385-8.816-.029-6.185-.484-8.549-4.385-8.816zm-10.615 12.816v-8l8 3.993-8 4.007z"})],-1)),t("span",N,r(l.youtubeWatchText),1)])]),l.videoDuration?(i(),o("div",$,r(l.videoDuration),1)):a("",!0)])):a("",!0),s(c)?(i(),o("div",q,[...e[2]||(e[2]=[v('<div class="flex flex-col items-center gap-4"><div class="relative"><svg class="animate-spin h-12 w-12 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle><path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path></svg></div><p class="text-white text-sm font-medium">Loading video...</p></div>',1)])])):a("",!0),s(n)&&s(h)?(i(),o("iframe",{key:2,src:s(k),class:L(["w-full h-full transition-opacity duration-300",{"opacity-0":s(c),"opacity-100":!s(c)}]),frameborder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",allowfullscreen:"",onLoad:z},null,42,U)):a("",!0),s(n)?a("",!0):(i(),o("video",{key:3,ref_key:"videoPlayer",ref:d,poster:l.poster,class:"w-full h-full object-cover",controls:"",preload:"metadata",onLoadedmetadata:g},[t("source",{src:l.videoSrc,type:"video/mp4"},null,8,J),e[3]||(e[3]=t("p",{class:"text-center text-gray-500 p-8"}," 您的浏览器不支持视频播放。 ",-1))],40,G)),!s(n)&&l.showPlayButton&&!s(p)?(i(),o("div",{key:4,class:"absolute inset-0 flex items-center justify-center bg-gradient-to-br from-black/40 via-black/20 to-transparent cursor-pointer",onClick:S},[...e[4]||(e[4]=[v('<div class="relative"><div class="absolute inset-0 bg-white rounded-full shadow-lg opacity-90"></div><div class="relative w-20 h-20 bg-white rounded-full flex items-center justify-center shadow-xl hover:shadow-2xl hover:scale-105 transition-all duration-300"><svg class="w-8 h-8 text-blue-600 ml-1" fill="currentColor" viewBox="0 0 24 24"><path d="M8 5v14l11-7z"></path></svg></div></div>',1)])])):a("",!0)])])]),t("div",K,[t("div",O,[e[5]||(e[5]=t("div",{class:"w-1 h-16 bg-gradient-to-b from-blue-600 to-indigo-600 rounded-full flex-shrink-0 mt-1"},null,-1)),t("h2",Q,r(l.title),1)]),t("p",R,r(l.description),1),t("div",X,[t("button",{type:"button",class:"group inline-flex items-center gap-2 px-6 py-3 bg-blue-600 text-white font-semibold rounded-md shadow-lg hover:bg-blue-700 hover:shadow-xl transition-all duration-300 hover:-translate-y-0.5 border border-blue-700",onClick:j},[t("span",null,r(l.ctaText),1),e[6]||(e[6]=t("svg",{class:"w-4 h-4 transform group-hover:translate-x-1 transition-transform duration-300",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24"},[t("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M17 8l4 4m0 0l-4 4m4-4H3"})],-1))])])])])):(i(),o("div",Z,[t("div",tt,[t("h2",et,r(l.title),1),t("p",lt,r(l.description),1)]),t("div",st,[t("div",ot,[t("div",it,[s(n)&&!s(h)?(i(),o("div",{key:0,class:"relative w-full h-full cursor-pointer group/youtube",onClick:C},[t("img",{src:s(y),alt:l.title,loading:"lazy",class:"w-full h-full object-cover"},null,8,at),e[8]||(e[8]=v('<div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/0 to-black/20"></div><div class="absolute inset-0 flex items-center justify-center"><div class="relative group-hover/youtube:scale-110 transition-transform duration-200"><div class="relative"><svg class="w-16 h-16 sm:w-16 sm:h-16 drop-shadow-2xl" viewBox="0 0 68 48" fill="none"><path d="M66.52 7.74c-.78-2.93-2.49-5.41-5.42-6.19C55.79.13 34 0 34 0S12.21.13 6.9 1.55c-2.93.78-4.63 3.26-5.42 6.19C.06 13.05 0 24 0 24s.06 10.95 1.48 16.26c.78 2.93 2.49 5.41 5.42 6.19C12.21 47.87 34 48 34 48s21.79-.13 27.1-1.55c2.93-.78 4.64-3.26 5.42-6.19C67.94 34.95 68 24 68 24s-.06-10.95-1.48-16.26z" fill="#FF0000" class="group-hover/youtube:fill-[#CC0000] transition-colors duration-200"></path><path d="M45 24L27 14v20l18-10z" fill="white"></path></svg></div></div></div>

1',2)),t("div",rt,[t("div",nt,r(l.title),1),t("div",dt,[e[7]||(e[7]=t("svg",{class:"w-5 h-5 sm:w-6 sm:h-6 flex-shrink-0",viewBox:"0 0 24 24",fill:"currentColor"},[t("path",{d:"M19.615 3.184c-3.604-.246-11.631-.245-15.23 0-3.897.266-4.356 2.62-4.385 8.816.029 6.185.484 8.549 4.385 8.816 3.6.245 11.626.246 15.23 0 3.897-.266 4.356-2.62 4.385-8.816-.029-6.185-.484-8.549-4.385-8.816zm-10.615 12.816v-8l8 3.993-8 4.007z"})],-1)),t("span",ct,r(l.youtubeWatchText),1)])]),l.videoDuration?(i(),o("div",ut,r(l.videoDuration),1)):a("",!0)])):a("",!0),s(c)?(i(),o("div",vt,[...e[9]||(e[9]=[v('<div class="flex flex-col items-center gap-4"><div class="relative"><svg class="animate-spin h-12 w-12 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle><path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path></svg></div><p class="text-white text-sm font-medium">Loading video...</p></div>',1)])])):a("",!0),s(n)&&s(h)?(i(),o("iframe",{key:2,src:s(k),class:L(["w-full h-full transition-opacity duration-300",{"opacity-0":s(c),"opacity-100":!s(c)}]),frameborder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",allowfullscreen:"",onLoad:z},null,42,ht)):a("",!0),s(n)?a("",!0):(i(),o("video",{key:3,ref_key:"videoPlayer",ref:d,poster:l.poster,class:"w-full h-full object-cover",controls:"",preload:"metadata",onLoadedmetadata:g},[t("source",{src:l.videoSrc,type:"video/mp4"},null,8,mt),e[10]||(e[10]=t("p",{class:"text-center text-gray-500 p-8"}," 您的浏览器不支持视频播放。 ",-1))],40,ft)),!s(n)&&l.showPlayButton&&!s(p)?(i(),o("div",{key:4,class:"absolute inset-0 flex items-center justify-center bg-gradient-to-br from-black/40 via-black/20 to-transparent cursor-pointer",onClick:S},[...e[11]||(e[11]=[v('<div class="relative"><div class="absolute inset-0 bg-white rounded-full shadow-lg opacity-90"></div><div class="relative w-24 h-24 bg-white rounded-full flex items-center justify-center shadow-xl hover:shadow-2xl hover:scale-105 transition-all duration-300"><svg class="w-10 h-10 text-blue-600 ml-1" fill="currentColor" viewBox="0 0 24 24"><path d="M8 5v14l11-7z"></path></svg></div></div>',1)])])):a("",!0)])])]),t("div",xt,[t("button",{type:"button",class:"group inline-flex items-center gap-2 px-3 py-2 bg-blue-600 text-white rounded-md shadow-lg hover:bg-blue-700 hover:shadow-xl transition-all duration-300 hover:-translate-y-0.5 border border-blue-700",onClick:j},[t("span",null,r(l.ctaText),1),e[12]||(e[12]=t("svg",{class:"w-4 h-4 transform group-hover:translate-x-1 transition-transform duration-300",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24"},[t("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M17 8l4 4m0 0l-4 4m4-4H3"})],-1))])])]))])]))}};export{bt as default};