2 lines
3.7 KiB
Java
2 lines
3.7 KiB
Java
import{d as v,f as c,u as f,ah as i,aC as q,as as b,aF as l,au as s,k as e,G as g}from"./vue-vendor-C7Zq48Yl.js";import{Q as w}from"./index-BQBSy8mk.js";import{br as D,d as k}from"./index-BI6CMai0.js";import{C as U}from"./index-pxs5MULf.js";import{P as _}from"./index-C57gqG5N.js";import"./browser-INOPQ3v-.js";import"./antd-vue-vendor-BPnV8VqP.js";import"./download-UE0L9Rfp.js";import"./base64Conver-24EVOS6V.js";import"./vxe-table-vendor-B88kchpX.js";import"./index-BgYCgfME.js";import"./index-DeEq83Ov.js";import"./index-f8O7TghW.js";import"./useTimeout-DDl4l82I.js";import"./useIntersectionObserver-BMxdTqP3.js";import"./useContentHeight-BUFNkYs_.js";import"./useWindowSizeFn-PRZSD86C.js";import"./useContentViewHeight-BO9bTdue.js";import"./usePageContext-l-f4bNz7.js";import"./injectionKey-DPVn4AgL.js";const y="https://www.vvbin.cn",Q=v({components:{CollapseContainer:U,QrCode:w,PageWrapper:_},setup(){const o=c(null),r=c(null);function d(){const t=f(o);t&&t.download("文件名")}function m(){const t=f(r);t&&t.download("Qrcode")}function p({ctx:t}){t instanceof CanvasRenderingContext2D&&(t.fillStyle="black",t.font='16px "微软雅黑"',t.textBaseline="bottom",t.textAlign="center",t.fillText("你帅你先扫",100,195,200))}return{onQrcodeDone:p,qrCodeUrl:y,LogoImg:D,download:d,downloadDiy:m,qrRef:o,qrDiyRef:r}}}),R={class:"flex flex-wrap"};function I(o,r,d,m,p,t){const n=i("QrCode"),a=i("CollapseContainer"),u=i("a-button"),C=i("PageWrapper");return b(),q(C,{title:"二维码组件使用示例"},{default:l(()=>[s("div",R,[e(a,{title:"基础示例",canExpan:!0,class:"text-center mb-6 qrcode-demo-item"},{default:l(()=>[e(n,{value:o.qrCodeUrl},null,8,["value"])]),_:1}),e(a,{title:"渲染成img标签示例",class:"text-center mb-6 qrcode-demo-item"},{default:l(()=>[e(n,{value:o.qrCodeUrl,tag:"img"},null,8,["value"])]),_:1}),e(a,{title:"配置样式示例",class:"text-center mb-6 qrcode-demo-item"},{default:l(()=>[e(n,{value:o.qrCodeUrl,options:{color:{dark:"#55D187"}}},null,8,["value"])]),_:1}),e(a,{title:"本地logo示例",class:"text-center mb-6 qrcode-demo-item"},{default:l(()=>[e(n,{value:o.qrCodeUrl,logo:o.LogoImg},null,8,["value","logo"])]),_:1}),e(a,{title:"在线logo示例",class:"text-center mb-6 qrcode-demo-item"},{default:l(()=>[e(n,{value:o.qrCodeUrl,logo:"http://jeecg.com/images/logo.png",options:{color:{dark:"#55D187"}}},null,8,["value"])]),_:1}),e(a,{title:"logo配置示例",class:"text-center mb-6 qrcode-demo-item"},{default:l(()=>[e(n,{value:o.qrCodeUrl,logo:{src:"http://jeecg.com/images/logo.png",logoSize:.2,borderSize:.05,borderRadius:50,bgColor:"blue"}},null,8,["value"])]),_:1}),e(a,{title:"下载示例",class:"text-center qrcode-demo-item"},{default:l(()=>[e(n,{value:o.qrCodeUrl,ref:"qrRef",logo:o.LogoImg},null,8,["value","logo"]),e(u,{class:"mb-2",type:"primary",onClick:o.download},{default:l(()=>[...r[0]||(r[0]=[g(" 下载 ",-1)])]),_:1},8,["onClick"]),r[1]||(r[1]=s("div",{class:"msg"}," (在线logo会导致图片跨域，需要下载图片需要自行解决跨域问题) ",-1))]),_:1}),e(a,{title:"配置大小示例",class:"text-center qrcode-demo-item"},{default:l(()=>[e(n,{value:o.qrCodeUrl,width:300},null,8,["value"])]),_:1}),e(a,{title:"扩展绘制示例",class:"text-center qrcode-demo-item"},{default:l(()=>[e(n,{value:o.qrCodeUrl,width:200,options:{margin:5},ref:"qrDiyRef",logo:o.LogoImg,onDone:o.onQrcodeDone},null,8,["value","logo","onDone"]),e(u,{class:"mb-2",type:"primary",onClick:o.downloadDiy},{default:l(()=>[...r[2]||(r[2]=[g(" 下载 ",-1)])]),_:1},8,["onClick"]),r[3]||(r[3]=s("div",{class:"msg"}," 要进行扩展绘制则不能将tag设为img ",-1))]),_:1})])]),_:1})}const M=k(Q,[["render",I],["__scopeId","data-v-2105d834"]]);export{M as default};
|