移动端二维码图片保存
This commit is contained in:
@@ -591,6 +591,8 @@
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background: #EAF8F7;
|
||||
-webkit-touch-callout: default;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
&__dialog-qr-img {
|
||||
@@ -620,4 +622,25 @@
|
||||
opacity: 0.85;
|
||||
}
|
||||
}
|
||||
|
||||
/* 保存成功提示 toast */
|
||||
&__toast {
|
||||
position: fixed;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
background: rgba(0, 0, 0, 0.75);
|
||||
color: #FFFFFF;
|
||||
font-size: 0.14rem;
|
||||
padding: 0.12rem 0.24rem;
|
||||
border-radius: 0.08rem;
|
||||
z-index: 300;
|
||||
pointer-events: none;
|
||||
animation: toastFadeIn 0.2s ease;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes toastFadeIn {
|
||||
from { opacity: 0; transform: translate(-50%, -50%) scale(0.9); }
|
||||
to { opacity: 1; transform: translate(-50%, -50%) scale(1); }
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user