移动端二维码图片保存

This commit is contained in:
2026-07-06 21:44:32 +08:00
parent 73f5bde68f
commit 9e791345f2
2 changed files with 29 additions and 0 deletions
+23
View File
@@ -591,6 +591,8 @@
align-items: center; align-items: center;
justify-content: center; justify-content: center;
background: #EAF8F7; background: #EAF8F7;
-webkit-touch-callout: default;
user-select: none;
} }
&__dialog-qr-img { &__dialog-qr-img {
@@ -620,4 +622,25 @@
opacity: 0.85; 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); }
} }
+6
View File
@@ -163,6 +163,9 @@
<button class="home-mobile__dialog-btn" @click="showDialog = false">知道了</button> <button class="home-mobile__dialog-btn" @click="showDialog = false">知道了</button>
</div> </div>
</div> </div>
<!-- 保存成功提示 -->
<div v-if="showSaveToast" class="home-mobile__toast">长按图片即可保存到相册</div>
</div> </div>
</template> </template>
@@ -179,6 +182,9 @@ const showDialog = ref(false)
/** 当前展开的 FAQ 索引 */ /** 当前展开的 FAQ 索引 */
const faqOpen = ref(-1) const faqOpen = ref(-1)
/** 提示 toast 显示状态 */
const showSaveToast = ref(false)
/** 功能卡片数据 */ /** 功能卡片数据 */
const features = [ const features = [
{ icon: '🎯', iconBg: '#4FC2C9', title: '个性化岗位匹配', desc: '基于简历精准推荐最合适的岗位' }, { icon: '🎯', iconBg: '#4FC2C9', title: '个性化岗位匹配', desc: '基于简历精准推荐最合适的岗位' },