diff --git a/src/assets/styles/pages/home-mobile.scss b/src/assets/styles/pages/home-mobile.scss index 3943b24..9ad1ef1 100644 --- a/src/assets/styles/pages/home-mobile.scss +++ b/src/assets/styles/pages/home-mobile.scss @@ -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); } } diff --git a/src/views/HomeMobile.vue b/src/views/HomeMobile.vue index acce229..306120e 100644 --- a/src/views/HomeMobile.vue +++ b/src/views/HomeMobile.vue @@ -163,6 +163,9 @@ + + +