@opentiny/vue-theme/qr-code/index.css

An enterprise-class UI component library, support both Vue.js 2 and Vue.js 3, as well as PC and mobile.

.tiny-qr-code{--tv-QrCode-container-bg-color:var(--tv-color-bg-inverse-tint-1, #ffffff);position:relative;padding:12px;background-color:var(--tv-QrCode-container-bg-color)}.tiny-qr-code.border{border:1px solid rgba(231,220,220,.06);border-radius:8px}.tiny-qr-code .qrcode-border{padding:2px;border:1px solid rgba(5,5,5,.06);border-radius:8px}.tiny-qr-code .qrcode-expried{font-size:14px}.tiny-qr-code .mask{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;text-align:center;color:rgba(0,0,0,.88);inset-block-start:0;inset-inline-start:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.tiny-qr-code .mask-icon{z-index:10}.tiny-qr-code .mask-status{z-index:20;background:rgba(255,255,255,.96)}.tiny-qr-code .mask .icon{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:none;background:#fff}