index.40b39dd5.js 1.4 KB

12
  1. import{c as u,_ as f}from"./index.6661bcf9.js";import{L as a,i as g,a2 as v,al as o,o as h,a as C,Z as e,T as t,b as s,X as x,u as y,aC as b}from"./vue.e1d8f8c6.js";const w={class:"croppers-container layout-pd"},D={class:"cropper-img-warp"},E={class:"mb15 mt15"},I=["src"],k=a({name:"funCropper"}),V=a({...k,setup(j){const n=b(()=>u(()=>import("./index.8a969ab2.js"),["assets/index.8a969ab2.js","assets/vue.e1d8f8c6.js","assets/index.6661bcf9.js","assets/index.bafb3a08.css","assets/index.c3996fe7.css"])),c=g(),r=v({cropperImg:"https://img2.baidu.com/it/u=1978192862,2048448374&fm=253&fmt=auto&app=138&f=JPEG?w=504&h=500"}),p=()=>{c.value.openDialog(r.cropperImg)};return(B,N)=>{const _=o("el-alert"),l=o("ele-Crop"),i=o("el-icon"),d=o("el-button"),m=o("el-card");return h(),C("div",w,[e(m,{shadow:"hover",header:"cropper 图片裁剪"},{default:t(()=>[e(_,{title:"感谢优秀的 `cropperjs`,项目地址:https://github.com/fengyuanchen/cropperjs",type:"success",closable:!1,class:"mb15"}),s("div",D,[s("div",E,[s("img",{class:"cropper-img",src:r.cropperImg},null,8,I)]),e(d,{type:"primary",size:"default",onClick:p},{default:t(()=>[e(i,null,{default:t(()=>[e(l)]),_:1}),x(" 更换头像 ")]),_:1})])]),_:1}),e(y(n),{ref_key:"cropperDialogRef",ref:c},null,512)])}}});const T=f(V,[["__scopeId","data-v-fd63e74e"],["__file","E:/code/wwwroot/local81.lzj/simple_storage/vue-next-admin/src/views/fun/cropper/index.vue"]]);export{T as default};