| 123 |
- import{M as _,a3 as p,am as t,o as s,a as l,_ as o,U as r,F as h,ad as f,T as m,b as i,Z as x}from"./vue.60d2ee98.js";import{_ as g}from"./index.beaea096.js";const w={class:"grid-layout-container layout-pd"},v={class:"w100 h100 flex"},b={class:"flex-margin font14"},k=_({name:"funGridLayout"}),B=_({...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(j,n)=>{const c=t("el-alert"),u=t("grid-item"),d=t("grid-layout"),y=t("el-card");return s(),l("div",w,[o(y,{shadow:"hover",header:"vue-grid-layout 拖拽布局演示"},{default:r(()=>[o(c,{title:"感谢优秀的 `vue-grid-layout`，项目地址：https://github.com/jbaysolutions/vue-grid-layout",type:"success",closable:!1,class:"mb15"}),o(d,{layout:a.layouts,"onUpdate:layout":n[0]||(n[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(()=>[(s(!0),l(h,null,f(a.layouts,e=>(s(),m(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,x(e.i),1)])]),_:2},1032,["x","y","w","h","i"]))),128))]),_:1},8,["layout"])]),_:1})])}}});const D=g(B,[["__scopeId","data-v-f1d57101"],["__file","C:/Users/89282/Desktop/xmgl_yjy/project-manager/h5/src/views/fun/gridLayout/index.vue"]]);export{D as default};
- //# sourceMappingURL=index.bca945ec.js.map
|
