| 1 |
- import{d as F,f as c,u as f,ag as a,aB as E,ar as D,aD as t,at as i,k as e,G as g}from"./vue-vendor-Be68asQ6.js";import{Q as B}from"./index-C7TSidWM.js";import{bk as v,a as q}from"./index-BFfnEkVs.js";import{C as b}from"./index-BZ_MXCtW.js";import{P as A}from"./index-X83NmVMq.js";import"./antd-vue-vendor-DcqS7Wvq.js";import"./download-CjoX0_mR.js";import"./base64Conver-24EVOS6V.js";import"./vxe-table-vendor-DHF2TRpV.js";import"./index-BIPzXG41.js";import"./index-CXEQnmRq.js";import"./useTimeout-Ca5eqGu-.js";import"./useIntersectionObserver-Bl62RIZ4.js";import"./useContentHeight-DnE6GxS2.js";import"./useWindowSizeFn-BTSGGcie.js";import"./useContentViewHeight-BVCc9jQl.js";import"./usePageContext-WlOC5VNa.js";import"./injectionKey-DPVn4AgL.js";const w="https://www.vvbin.cn",k=F({components:{CollapseContainer:b,QrCode:B,PageWrapper:A},setup(){const o=c(null),l=c(null);function s(){const u=f(o);u&&u.download("文件名")}function d(){const u=f(l);u&&u.download("Qrcode")}function m({ctx:u}){u instanceof CanvasRenderingContext2D&&(u.fillStyle="black",u.font='16px "微软雅黑"',u.textBaseline="bottom",u.textAlign="center",u.fillText("你帅你先扫",100,195,200))}return{onQrcodeDone:m,qrCodeUrl:w,LogoImg:v,download:s,downloadDiy:d,qrRef:o,qrDiyRef:l}}}),U={class:"flex flex-wrap"};function _(o,l,s,d,m,u){const r=a("QrCode"),n=a("CollapseContainer"),p=a("a-button"),C=a("PageWrapper");return D(),E(C,{title:"二维码组件使用示例"},{default:t(()=>[i("div",U,[e(n,{title:"基础示例",canExpan:!0,class:"text-center mb-6 qrcode-demo-item"},{default:t(()=>[e(r,{value:o.qrCodeUrl},null,8,["value"])]),_:1}),e(n,{title:"渲染成img标签示例",class:"text-center mb-6 qrcode-demo-item"},{default:t(()=>[e(r,{value:o.qrCodeUrl,tag:"img"},null,8,["value"])]),_:1}),e(n,{title:"配置样式示例",class:"text-center mb-6 qrcode-demo-item"},{default:t(()=>[e(r,{value:o.qrCodeUrl,options:{color:{dark:"#55D187"}}},null,8,["value"])]),_:1}),e(n,{title:"本地logo示例",class:"text-center mb-6 qrcode-demo-item"},{default:t(()=>[e(r,{value:o.qrCodeUrl,logo:o.LogoImg},null,8,["value","logo"])]),_:1}),e(n,{title:"在线logo示例",class:"text-center mb-6 qrcode-demo-item"},{default:t(()=>[e(r,{value:o.qrCodeUrl,logo:"http://jeecg.com/images/logo.png",options:{color:{dark:"#55D187"}}},null,8,["value"])]),_:1}),e(n,{title:"logo配置示例",class:"text-center mb-6 qrcode-demo-item"},{default:t(()=>[e(r,{value:o.qrCodeUrl,logo:{src:"http://jeecg.com/images/logo.png",logoSize:.2,borderSize:.05,borderRadius:50,bgColor:"blue"}},null,8,["value"])]),_:1}),e(n,{title:"下载示例",class:"text-center qrcode-demo-item"},{default:t(()=>[e(r,{value:o.qrCodeUrl,ref:"qrRef",logo:o.LogoImg},null,8,["value","logo"]),e(p,{class:"mb-2",type:"primary",onClick:o.download},{default:t(()=>l[0]||(l[0]=[g(" 下载 ")])),_:1},8,["onClick"]),l[1]||(l[1]=i("div",{class:"msg"}," (在线logo会导致图片跨域，需要下载图片需要自行解决跨域问题) ",-1))]),_:1}),e(n,{title:"配置大小示例",class:"text-center qrcode-demo-item"},{default:t(()=>[e(r,{value:o.qrCodeUrl,width:300},null,8,["value"])]),_:1}),e(n,{title:"扩展绘制示例",class:"text-center qrcode-demo-item"},{default:t(()=>[e(r,{value:o.qrCodeUrl,width:200,options:{margin:5},ref:"qrDiyRef",logo:o.LogoImg,onDone:o.onQrcodeDone},null,8,["value","logo","onDone"]),e(p,{class:"mb-2",type:"primary",onClick:o.downloadDiy},{default:t(()=>l[2]||(l[2]=[g(" 下载 ")])),_:1},8,["onClick"]),l[3]||(l[3]=i("div",{class:"msg"}," 要进行扩展绘制则不能将tag设为img ",-1))]),_:1})])]),_:1})}const J=q(k,[["render",_],["__scopeId","data-v-539d04c0"]]);export{J as default};
|
