| 12 |
- import{c as u,_ as f}from"./index.5ec7a9d7.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.f4166a74.js"),["./index.f4166a74.js","./vue.e1d8f8c6.js","./index.5ec7a9d7.js","./index.bafb3a08.css","./index.c3996fe7.css"],import.meta.url)),r=g(),c=v({cropperImg:"https://img2.baidu.com/it/u=1978192862,2048448374&fm=253&fmt=auto&app=138&f=JPEG?w=504&h=500"}),p=()=>{r.value.openDialog(c.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:c.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:r},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};
|
