<template lang="html"> <div class="tankuang"> <div class="tankuang_zz" @click="colseCodeBlock"> </div> <div class="tankuang_con animated bounceInDown"> <div class="tankuang_con_t"> <img src="../../assets/images/meihuareadnew.jpg" alt=""> </div> <div class="tankuang_con_c"> 长按上图识别二维码关注 </div> <div class="tankuang_con_b"> 免费追新书，下次阅读更方便 </div> </div> </div></template><script>export default { name: 'Tankuang', methods:{ // 点击遮罩层 关闭弹框 colseCodeBlock:function(){ this.$emit('colseCodeBlock') } }}</script><style lang="css">.tankuang_con_b{ margin-top: 0.6rem;}.tankuang_con_c{ /*margin-top: 1rem;*/}.tankuang_con_t{ width: 12rem; height: 12rem; /*padding: 0.6rem;*/ margin: 0 auto; /*margin-top: 1.2rem;*/ /*border: 0.1rem solid #FD7F72;*/}.tankuang_con_t img{ width: 100%; height: 100%; padding:200px 0 0 200px !important; margin:-200px 0 0 -200px !important; position: relative;z-index: 10000; -webkit-user-select: none;}.tankuang_con_c{ width: 100%; text-align: center; color: #FF7E6E;}.tankuang_con_b{ color: #464646; width: 100%; text-align: center;}.tankuang{ width: 16rem; height: 100%; /*position: fixed;*/ position: absolute; top: 0; /*display: flex; justify-content: center; align-items: center;*/}.tankuang_zz{ width: 16rem; height: 100%; position: fixed; top: 0; z-index: 999; background-color: rgba(0,0,0,0.8);}.tankuang_con{ width: 12rem; height: 15rem; position: fixed; /*position: absolute;*/ top: 50%; left: 50%; margin-top: -8rem; margin-left: -6rem; border-radius: 0.2rem; background-color: #fff; z-index: 10000;}.animated { animation-duration: 1s; animation-fill-mode: both;}.animated.infinite { animation-iteration-count: infinite;}.animated.hinge { animation-duration: 2s;}.animated.flipOutX,.animated.flipOutY,.animated.bounceIn,.animated.bounceOut { animation-duration: .75s;}@keyframes bounceInDown { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; transform: translate3d(0, 25px, 0); } 75% { transform: translate3d(0, -10px, 0); } 90% { transform: translate3d(0, 5px, 0); } to { transform: none; }}.bounceInDown { animation-name: bounceInDown;}</style> |
安卓手机正常 苹果长按压根没反应 ，找了很多网上解决办法 ，均不见效。https://blog.csdn.net/carl_jiang/article/details/74280119 这个方法，长按能触发弹窗 保存图片 和取消，不能弹出识别二维码。上面是vue弹窗组件，二维码在弹窗组件中。卡了我两天了，请教解决办法。
请问解决了嘛
请问解决了吗，我也遇到了同样的问题
请问解决了吗，我也遇到了同样的问题