index.04f195e3.js 1.5 KB

123
  1. import{e as _,G as p,a0 as t,g as a,h as l,A as o,q as r,F as h,Q as g,p as f,j as i,z as x}from"./vue.e266cb73.js";import{_ as m}from"./_plugin-vue_export-helper.c27b6911.js";const v={class:"grid-layout-container layout-pd"},w={class:"w100 h100 flex"},b={class:"flex-margin font14"},k=_({name:"funGridLayout"}),B=_({...k,setup(C){const s=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(L,n)=>{const c=t("el-alert"),u=t("grid-item"),d=t("grid-layout"),y=t("el-card");return a(),l("div",v,[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:s.layouts,"onUpdate:layout":n[0]||(n[0]=e=>s.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(()=>[(a(!0),l(h,null,g(s.layouts,e=>(a(),f(u,{x:e.x,y:e.y,w:e.w,h:e.h,i:e.i,key:e.i},{default:r(()=>[i("div",w,[i("span",b,x(e.i),1)])]),_:2},1032,["x","y","w","h","i"]))),128))]),_:1},8,["layout"])]),_:1})])}}});const D=m(B,[["__scopeId","data-v-f1d57101"],["__file","C:/Users/89282/Desktop/lechang_storage/lechang_storage/vue-next-admin/src/views/fun/gridLayout/index.vue"]]);export{D as default};
  2. //# sourceMappingURL=index.04f195e3.js.map