移动端二维码图片保存
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); }
|
||||
}
|
||||
|
||||
@@ -163,6 +163,9 @@
|
||||
<button class="home-mobile__dialog-btn" @click="showDialog = false">知道了</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 保存成功提示 -->
|
||||
<div v-if="showSaveToast" class="home-mobile__toast">长按图片即可保存到相册</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@@ -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: '基于简历精准推荐最合适的岗位' },
|
||||
|
||||
Reference in New Issue
Block a user