2 lines
4.1 KiB
Java
2 lines
4.1 KiB
Java
|
import{Q as v}from"./index-DBkAHGH_.js";import{_ as q}from"./logo-BQy4JOf8.js";import{C as b}from"./index-ByCwbQDV.js";import{P as w}from"./index-Ckh_BVlA.js";import{e as _,r as c,u as f,y as D,z as y,A as r,K as a,Q as m,f as o,E as g}from"./vue-vendor-DNhG1Cve.js";import{au as U}from"./index-X7Y8jykP.js";import"./browser-D2DxMZOB.js";import"./emoji-mart-vue-fast-R0uJEDq-.js";import"./download-CygB1orH.js";import"./base64Conver-24EVOS6V.js";import"./index-Upeu4GGa.js";import"./index-BzChaRPg.js";import"./index-C4wWpZeQ.js";import"./useTimeout-D5AmIBZw.js";import"./index-M9QP6cvf.js";import"./Skeleton-CimgOdM7.js";import"./useScrollTo-0FPEw5-K.js";import"./useIntersectionObserver-BGOgyKyu.js";import"./useMenuSetting-BwQ9LkAm.js";import"./useFullContent-B3OUGaJG.js";import"./useContentHeight-vWUZcXk1.js";import"./onMountedOrActivated-DhSdLlqP.js";import"./useWindowSizeFn-C-0M9_Ul.js";import"./useContentViewHeight-Cja8zrBg.js";import"./usePageContext-9jIr04Op.js";import"./injectionKey-DPVn4AgL.js";import"./ArrowLeftOutlined-B3JgaWh-.js";import"./ArrowRightOutlined-CZG1QCpB.js";import"./index-lcIOKfa7.js";import"./dropdown-jkliuVyN.js";import"./index-B4gPlWQt.js";import"./eagerComputed-BTlOruLW.js";import"./transButton-B2CWzlQO.js";import"./operationUnit-vCu2co3e.js";const k="https://www.vvbin.cn",Q=_({components:{CollapseContainer:b,QrCode:v,PageWrapper:w},setup(){const e=c(null),l=c(null);function s(){const t=f(e);t&&t.download("文件名")}function d(){const t=f(l);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:k,LogoImg:q,download:s,downloadDiy:d,qrRef:e,qrDiyRef:l}}}),R={class:"flex flex-wrap"};function I(e,l,s,d,p,t){const n=a("QrCode"),i=a("CollapseContainer"),u=a("a-button"),C=a("PageWrapper");return y(),D(C,{title:"二维码组件使用示例"},{default:r(()=>[m("div",R,[o(i,{title:"基础示例",canExpan:!0,class:"text-center mb-6 qrcode-demo-item"},{default:r(()=>[o(n,{value:e.qrCodeUrl},null,8,["value"])]),_:1}),o(i,{title:"渲染成img标签示例",class:"text-center mb-6 qrcode-demo-item"},{default:r(()=>[o(n,{value:e.qrCodeUrl,tag:"img"},null,8,["value"])]),_:1}),o(i,{title:"配置样式示例",class:"text-center mb-6 qrcode-demo-item"},{default:r(()=>[o(n,{value:e.qrCodeUrl,options:{color:{dark:"#55D187"}}},null,8,["value"])]),_:1}),o(i,{title:"本地logo示例",class:"text-center mb-6 qrcode-demo-item"},{default:r(()=>[o(n,{value:e.qrCodeUrl,logo:e.LogoImg},null,8,["value","logo"])]),_:1}),o(i,{title:"在线logo示例",class:"text-center mb-6 qrcode-demo-item"},{default:r(()=>[o(n,{value:e.qrCodeUrl,logo:"http://jeecg.com/images/logo.png",options:{color:{dark:"#55D187"}}},null,8,["value"])]),_:1}),o(i,{title:"logo配置示例",class:"text-center mb-6 qrcode-demo-item"},{default:r(()=>[o(n,{value:e.qrCodeUrl,logo:{src:"http://jeecg.com/images/logo.png",logoSize:.2,borderSize:.05,borderRadius:50,bgColor:"blue"}},null,8,["value"])]),_:1}),o(i,{title:"下载示例",class:"text-center qrcode-demo-item"},{default:r(()=>[o(n,{value:e.qrCodeUrl,ref:"qrRef",logo:e.LogoImg},null,8,["value","logo"]),o(u,{class:"mb-2",type:"primary",onClick:e.download},{default:r(()=>[...l[0]||(l[0]=[g(" 下载 ",-1)])]),_:1},8,["onClick"]),l[1]||(l[1]=m("div",{class:"msg"}," (在线logo会导致图片跨域，需要下载图片需要自行解决跨域问题) ",-1))]),_:1}),o(i,{title:"配置大小示例",class:"text-center qrcode-demo-item"},{default:r(()=>[o(n,{value:e.qrCodeUrl,width:300},null,8,["value"])]),_:1}),o(i,{title:"扩展绘制示例",class:"text-center qrcode-demo-item"},{default:r(()=>[o(n,{value:e.qrCodeUrl,width:200,options:{margin:5},ref:"qrDiyRef",logo:e.LogoImg,onDone:e.onQrcodeDone},null,8,["value","logo","onDone"]),o(u,{class:"mb-2",type:"primary",onClick:e.downloadDiy},{default:r(()=>[...l[2]||(l[2]=[g(" 下载 ",-1)])]),_:1},8,["onClick"]),l[3]||(l[3]=m("div",{class:"msg"}," 要进行扩展绘制则不能将
|