| 12 |
- import{L as m,a2 as b,al as l,av as V,o as _,a as g,Z as a,T as e,X as d,b as r,U as v,S as x,aE as w,aF as y}from"./vue.e1d8f8c6.js";import{_ as k}from"./index.6661bcf9.js";const C=s=>(w("data-v-4bf7f4f5"),s=s(),y(),s),D={class:"drag-container layout-pd"},z={class:"drag-dom"},B={class:"drag-header"},I=C(()=>r("p",null,"鼠标放标题头进行 Dialog 对话框拖动",-1)),S={class:"dialog-footer"},E=m({name:"pagesDrag"}),N=m({...E,setup(s){const t=b({dialogVisible:!1});return($,o)=>{const c=l("ele-Pointer"),p=l("el-icon"),i=l("el-button"),f=l("el-card"),h=l("el-dialog"),u=V("drag");return _(),g("div",D,[a(f,{shadow:"hover",header:"拖动指令效果（v-drag）作用于 Dialog 对话框"},{default:e(()=>[a(i,{type:"primary",onClick:o[0]||(o[0]=n=>t.dialogVisible=!0),size:"default"},{default:e(()=>[a(p,null,{default:e(()=>[a(c)]),_:1}),d(" 点击打开 Dialog ")]),_:1})]),_:1}),a(f,{shadow:"hover",header:"自定义div",class:"mt15"},{default:e(()=>[r("div",z,[r("div",B,[v((_(),x(i,{type:"success",size:"default"},{default:e(()=>[a(p,null,{default:e(()=>[a(c)]),_:1}),d(" 按住进行拖动测试 ")]),_:1})),[[u,[".drag-container .drag-dom",".drag-container .drag-header"]]])])])]),_:1}),a(h,{modelValue:t.dialogVisible,"onUpdate:modelValue":o[3]||(o[3]=n=>t.dialogVisible=n),width:"769px"},{header:e(()=>[v((_(),g("div",null,[d("拖动指令效果（v-drag）")])),[[u,[".drag-container .el-dialog",".drag-container .el-dialog__header"]]])]),footer:e(()=>[r("span",S,[a(i,{onClick:o[1]||(o[1]=n=>t.dialogVisible=!1),size:"default"},{default:e(()=>[d("取 消")]),_:1}),a(i,{type:"primary",onClick:o[2]||(o[2]=n=>t.dialogVisible=!1),size:"default"},{default:e(()=>[d("确 定")]),_:1})])]),default:e(()=>[I]),_:1},8,["modelValue"])])}}});const U=k(N,[["__scopeId","data-v-4bf7f4f5"],["__file","E:/code/wwwroot/local81.lzj/simple_storage/vue-next-admin/src/views/pages/drag/index.vue"]]);export{U as default};
|
