2 lines
6.4 KiB
JavaScript
2 lines
6.4 KiB
JavaScript
import{d as h,u as v,c as _,o as r,B as b,w as c,b as l,a as d,f as t,ar as s,m as a,G as m,F as f,e as g,L as F,q as k,x as w}from"./index-Bp03Znup.js";import{_ as j}from"./widget-root.vue_vue_type_script_setup_true_lang-F-tFT_Un.js";const z={key:0,class:"rubik-item1"},E={class:"flex justify-center items-center w-full h-full"},A={key:1,class:"rubik-item2"},B={class:"flex justify-center items-center w-full h-full bg-[#F6FAFE]"},I={key:2,class:"rubik-item3"},C={class:"flex justify-center items-center w-full h-full bg-[#F6FAFE]"},L={key:3,class:"rubik-item4 flex h-full"},N={class:"flex justify-center items-center w-full h-full bg-[#F6FAFE]"},V={class:"w-1/2 flex flex-col"},O={class:"flex justify-center items-center w-full h-full bg-[#F6FAFE]"},S={class:"flex justify-center items-center w-full h-full bg-[#F6FAFE]"},q={key:4,class:"rubik-item5"},G={class:"flex justify-center items-center w-full h-full bg-[#F6FAFE]"},P={key:5,class:"rubik-item6"},U={class:"flex justify-center items-center w-full h-full bg-[#F6FAFE]"},D={class:"grid grid-cols-2"},H={class:"flex justify-center items-center w-full h-full bg-[#F6FAFE]"},J={class:"flex justify-center items-center w-full h-full bg-[#F6FAFE]"},K=h({__name:"content",props:{content:{type:Object,default:()=>({})},styles:{type:Object,default:()=>({})}},setup(e){const $=e,{getImageUrl:n}=v(),i=_(()=>$.content.data||[]);return(M,Q)=>{const o=F,u=k;return r(),b(j,{styles:e.styles},{default:c(()=>[l("div",{class:"rubik",style:s({height:`${e.content.style===4||e.content.style===5?"340px":"100%"}`})},[e.content.style==1?(r(),d("div",z,[t(i)[0]&&t(i)[0].url?(r(),d("div",{key:0,class:"item-image",style:s({border:`${e.styles.image_gap/2}px solid transparent`})},[a(o,{fit:"cover",style:s({"border-radius":`${e.styles.border_top_radius/2}px ${e.styles.border_top_radius/2}px ${e.styles.border_bottom_radius/2}px ${e.styles.border_bottom_radius/2}px`}),src:t(n)(t(i)[0].url)},null,8,["style","src"])],4)):(r(),b(o,{key:1,style:{height:"375px",width:"100%"}},{error:c(()=>[l("div",E,[a(u,{name:"el-icon-Picture",size:"40",color:"#999"})])]),_:1}))])):m("",!0),e.content.style==2?(r(),d("div",A,[(r(!0),d(f,null,g(t(i),(y,x)=>(r(),d("div",{class:"item-image",key:x,style:s({border:`${e.styles.image_gap/2}px solid transparent`})},[y&&y.url?(r(),b(o,{key:0,fit:"cover",style:s({"border-radius":`${e.styles.border_top_radius/2}px ${e.styles.border_top_radius/2}px ${e.styles.border_bottom_radius/2}px ${e.styles.border_bottom_radius/2}px`}),src:t(n)(y.url)},null,8,["style","src"])):(r(),b(o,{key:1,style:{height:"188px",width:"100%"}},{error:c(()=>[l("div",B,[a(u,{name:"local-icon-Frame",size:"50"})])]),_:1}))],4))),128))])):m("",!0),e.content.style==3?(r(),d("div",I,[(r(!0),d(f,null,g(t(i),(y,x)=>(r(),d("div",{class:"item-image",key:x,style:s({border:`${e.styles.image_gap/2}px solid transparent`})},[y&&y.url?(r(),b(o,{key:0,fit:"cover",style:s({"border-radius":`${e.styles.border_top_radius/2}px ${e.styles.border_top_radius/2}px ${e.styles.border_bottom_radius/2}px ${e.styles.border_bottom_radius/2}px`}),src:t(n)(y.url)},null,8,["style","src"])):(r(),b(o,{key:1,style:{height:"125px",width:"100%"}},{error:c(()=>[l("div",C,[a(u,{name:"local-icon-Frame",size:"50"})])]),_:1}))],4))),128))])):m("",!0),e.content.style==4?(r(),d("div",L,[l("div",{class:"item-image",style:s({width:"50%",border:`${e.styles.image_gap/2}px solid transparent`})},[a(o,{fit:"cover",style:s({"border-radius":`${e.styles.border_top_radius/2}px ${e.styles.border_top_radius/2}px ${e.styles.border_bottom_radius/2}px ${e.styles.border_bottom_radius/2}px`}),src:t(i)[0]&&t(n)(t(i)[0].url)},{error:c(()=>[l("div",N,[a(u,{name:"local-icon-Frame",size:"50"})])]),_:1},8,["style","src"])],4),l("div",V,[l("div",{class:"item-image box-border",style:s({border:`${e.styles.image_gap/2}px solid transparent`})},[a(o,{fit:"cover",style:s({"border-radius":`${e.styles.border_top_radius/2}px ${e.styles.border_top_radius/2}px ${e.styles.border_bottom_radius/2}px ${e.styles.border_bottom_radius/2}px`}),src:t(i)[1]&&t(n)(t(i)[1].url)},{error:c(()=>[l("div",O,[a(u,{name:"local-icon-Frame",size:"50"})])]),_:1},8,["style","src"])],4),l("div",{class:"item-image box-border",style:s({border:`${e.styles.image_gap/2}px solid transparent`})},[a(o,{fit:"cover",style:s({"border-radius":`${e.styles.border_top_radius/2}px ${e.styles.border_top_radius/2}px ${e.styles.border_bottom_radius/2}px ${e.styles.border_bottom_radius/2}px`}),src:t(i)[2]&&t(n)(t(i)[2].url)},{error:c(()=>[l("div",S,[a(u,{name:"local-icon-Frame",size:"50"})])]),_:1},8,["style","src"])],4)])])):m("",!0),e.content.style==5?(r(),d("div",q,[(r(!0),d(f,null,g(t(i),(y,x)=>(r(),d("div",{key:x,class:"item-image",style:s({border:`${e.styles.image_gap/2}px solid transparent`})},[a(o,{fit:"cover",style:s({"border-radius":`${e.styles.border_top_radius/2}px ${e.styles.border_top_radius/2}px ${e.styles.border_bottom_radius/2}px ${e.styles.border_bottom_radius/2}px`}),src:y&&t(n)(y.url)},{error:c(()=>[l("div",G,[a(u,{name:"local-icon-Frame",size:"50"})])]),_:2},1032,["style","src"])],4))),128))])):m("",!0),e.content.style==6?(r(),d("div",P,[l("div",{class:"item-image",style:s({height:"108px",border:`${e.styles.image_gap/2}px solid transparent`})},[a(o,{fit:"cover",style:s({"border-radius":`${e.styles.border_top_radius/2}px ${e.styles.border_top_radius/2}px ${e.styles.border_bottom_radius/2}px ${e.styles.border_bottom_radius/2}px`}),src:t(i)[0]&&t(n)(t(i)[0].url)},{error:c(()=>[l("div",U,[a(u,{name:"local-icon-Frame",size:"50"})])]),_:1},8,["style","src"])],4),l("div",D,[l("div",{class:"item-image h-full",style:s({height:"108px",border:`${e.styles.image_gap/2}px solid transparent`})},[a(o,{fit:"cover",style:s({"border-radius":`${e.styles.border_top_radius/2}px ${e.styles.border_top_radius/2}px ${e.styles.border_bottom_radius/2}px ${e.styles.border_bottom_radius/2}px`}),src:t(i)[1]&&t(n)(t(i)[1].url)},{error:c(()=>[l("div",H,[a(u,{name:"local-icon-Frame",size:"50"})])]),_:1},8,["style","src"])],4),l("div",{class:"item-image",style:s({height:"108px",border:`${e.styles.image_gap/2}px solid transparent`})},[a(o,{fit:"cover",style:s({"border-radius":`${e.styles.border_top_radius/2}px ${e.styles.border_top_radius/2}px ${e.styles.border_bottom_radius/2}px ${e.styles.border_bottom_radius/2}px`}),src:t(i)[2]&&t(n)(t(i)[2].url)},{error:c(()=>[l("div",J,[a(u,{name:"local-icon-Frame",size:"50"})])]),_:1},8,["style","src"])],4)])])):m("",!0)],4)]),_:1},8,["styles"])}}}),W=w(K,[["__scopeId","data-v-e3a29a34"]]);export{W as default};
|