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 @@ + + +
长按图片即可保存到相册
@@ -179,6 +182,9 @@ const showDialog = ref(false) /** 当前展开的 FAQ 索引 */ const faqOpen = ref(-1) +/** 提示 toast 显示状态 */ +const showSaveToast = ref(false) + /** 功能卡片数据 */ const features = [ { icon: '🎯', iconBg: '#4FC2C9', title: '个性化岗位匹配', desc: '基于简历精准推荐最合适的岗位' },