qrcode.vue-next
Version:
[qrcode.react](https://github.com/zpao/qrcode.react)的vue版本实现,最开始是[ant-design-vue](https://www.antdv.com)在QRCode组件中完成迁移,此仓库将其剥离出来,不是重复造轮子,而是满足在有使用二维码场景但组件库选型不是ant-design-vue的情况下,能够使用到[qrcode.react](https://github.com/zpao/qrcode.react)这一业界优秀实现,感谢qrcode.rea
2 lines (1 loc) • 1.01 kB
CSS
.qrcode{box-sizing:border-box;margin:0;color:#000000e0;font-size:14px;line-height:1.5714285714285714;list-style:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";display:flex;justify-content:center;align-items:center;padding:12px;background-color:#fff;border-radius:8px;border:1px solid rgba(5,5,5,.06);position:relative;overflow:hidden}.qrcode>canvas{align-self:stretch;flex:auto;min-width:0}.qrcode>.qrcodeIcon{margin-block-end:8px;font-size:14px}.qrcode>.qrcodeMask{position:absolute;inset-block-start:0;inset-inline-start:0;z-index:10;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;color:#000000e0;line-height:1.5714285714285714px;background:#fffffff5;text-align:center}.qrcode>.qrcodeMask>.qrcodeExpired,.qrcode>.qrcodeMask>.qrcodeScanned{color:#000000e0}.qrcode-borderless{border-color:transparent;padding:0;border-radius:0}