index-cbf7ed61.js 1.3 KB

1
  1. import{d as m,e as n,o as p,c as o,F as g,A as f,av as s,i as l,w as b,k as d,a as R,_ as v}from"./index-03f5d926.js";import{E as w}from"./el-image-1846a819.js";import"./el-image-viewer-bc024f43.js";const $={class:"image-slot"},r=93.75,B=m({name:"MagicCube",__name:"index",props:{property:{}},setup(c){const a=c,h=n(()=>{let t=0;return a.property.list.length>0&&(t=Math.max(...a.property.list.map(i=>i.bottom))),t+1});return(t,i)=>{const u=v,x=w;return p(),o("div",{class:"relative",style:s({height:R(h)*r+"px",width:"375px"})},[(p(!0),o(g,null,f(t.property.list,(e,y)=>(p(),o("div",{key:y,class:"absolute",style:s({width:e.width*r-2*t.property.space+"px",height:e.height*r-2*t.property.space+"px",margin:`${t.property.space}px`,top:e.top*r+"px",left:e.left*r+"px"})},[l(x,{class:"h-full w-full",fit:"cover",src:e.imgUrl,style:s({borderTopLeftRadius:`${t.property.borderRadiusTop}px`,borderTopRightRadius:`${t.property.borderRadiusTop}px`,borderBottomLeftRadius:`${t.property.borderRadiusBottom}px`,borderBottomRightRadius:`${t.property.borderRadiusBottom}px`})},{error:b(()=>[d("div",$,[d("div",{class:"flex items-center justify-center",style:s({width:e.width*r+"px",height:e.height*r+"px"})},[l(u,{icon:"ep-picture",color:"gray",size:r})],4)])]),_:2},1032,["src","style"])],4))),128))],4)}}});export{B as default};