2 lines
1.7 KiB
JavaScript
2 lines
1.7 KiB
JavaScript
import{aA as $}from"./bootstrap-CRjSNGHY.js";import{m as S,b9 as l,w as T,ab as m,b2 as t,bJ as E,ad as o,I as v,bb as w,ae as b,aT as s,ac as i,aR as H,bp as C,u as _}from"../jse/index-index-CMeVxoEG.js";import{C as z}from"./index-D1zkTC8o.js";const B={class:"flex flex-row flex-wrap"},d=20,n=32,N=16,V=S({name:"MenuSwiper",__name:"index",props:{property:{}},setup(x){const a=x,p=l([]),y=l(0),c=l(0),h=l("");return T(()=>a.property,()=>{h.value=`${100*(1/a.property.column)}%`,c.value=(a.property.layout==="iconText"?n+d:n)+N*2,y.value=a.property.row*c.value;const f=a.property.row*a.property.column;p.value=[];let r=[];for(const u of a.property.list)r.length===f&&(r=[]),r.length===0&&p.value.push(r),r.push(u)},{immediate:!0,deep:!0}),(f,r)=>(t(),m(_(z),{autoplay:!1,arrows:"",dots:"",style:s({height:`${y.value}px`})},{default:E(()=>[(t(!0),o(v,null,w(p.value,(u,k)=>(t(),o("div",{key:k},[b("div",B,[(t(!0),o(v,null,w(u,(e,I)=>{var g;return t(),o("div",{key:I,class:"relative flex flex-col items-center justify-center",style:s({width:h.value,height:`${c.value}px`})},[b("div",{class:H(["relative",`h-${n}px w-${n}px`])},[(g=e.badge)!=null&&g.show?(t(),o("span",{key:0,class:"absolute -right-2.5 -top-2.5 z-10 h-5 rounded-[10px] px-1.5 text-center text-xs leading-5",style:s({color:e.badge.textColor,backgroundColor:e.badge.bgColor})},C(e.badge.text),5)):i("",!0),e.iconUrl?(t(),m(_($),{key:1,src:e.iconUrl,class:"h-full w-full",preview:!1},null,8,["src"])):i("",!0)],2),x.property.layout==="iconText"?(t(),o("span",{key:0,class:"text-xs",style:s({color:e.titleColor,height:`${d}px`,lineHeight:`${d}px`})},C(e.title),5)):i("",!0)],4)}),128))])]))),128))]),_:1},8,["style"]))}});export{V as default};
|