移动端二维码图片保存
This commit is contained in:
@@ -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); }
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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: '基于简历精准推荐最合适的岗位' },
|
||||||
|
|||||||
Reference in New Issue
Block a user