| 123 |
- import{M as c,a3 as p,am as t,o,a as n,_ as s,U as r,F as h,ad as m,T as x,b as i,Z as f}from"./vue.aade88c7.js";import{_ as g}from"./index.27cf50e8.js";const w={class:"grid-layout-container layout-pd"},v={class:"w100 h100 flex"},b={class:"flex-margin font14"},k=c({name:"funGridLayout"}),B=c({...k,setup(C){const a=p({layouts:[{x:0,y:0,w:2,h:2,i:"0"},{x:2,y:0,w:2,h:4,i:"1"},{x:4,y:0,w:2,h:5,i:"2"},{x:6,y:0,w:2,h:3,i:"3"},{x:8,y:0,w:2,h:3,i:"4"},{x:10,y:0,w:2,h:3,i:"5"},{x:0,y:5,w:2,h:5,i:"6"}]});return(F,l)=>{const _=t("el-alert"),u=t("grid-item"),d=t("grid-layout"),y=t("el-card");return o(),n("div",w,[s(y,{shadow:"hover",header:"vue-grid-layout 拖拽布局演示"},{default:r(()=>[s(_,{title:"感谢优秀的 `vue-grid-layout`，项目地址：https://github.com/jbaysolutions/vue-grid-layout",type:"success",closable:!1,class:"mb15"}),s(d,{layout:a.layouts,"onUpdate:layout":l[0]||(l[0]=e=>a.layouts=e),"col-num":12,"row-height":30,"is-draggable":!0,"is-resizable":!0,"is-mirrored":!1,"vertical-compact":!0,margin:[10,10],"use-css-transforms":!0},{default:r(()=>[(o(!0),n(h,null,m(a.layouts,e=>(o(),x(u,{x:e.x,y:e.y,w:e.w,h:e.h,i:e.i,key:e.i},{default:r(()=>[i("div",v,[i("span",b,f(e.i),1)])]),_:2},1032,["x","y","w","h","i"]))),128))]),_:1},8,["layout"])]),_:1})])}}});const U=g(B,[["__scopeId","data-v-37453c42"]]);export{U as default};
- //# sourceMappingURL=index.b676a17c.js.map
|
