IOS长按识别二维码失败
IOS长按不识别二维码，出现放大图片的问题解决。
CSS加入样式：
touch-callout: none;
-webkit-touch-callout: none;
-ms-touch-callout: none;
-moz-touch-callout: none;代码：
<!DOCTYPE html>
<html><head><script type="text/javascript">window.trkPageStart = new Date().getTime();</script><meta charset="utf-8"><meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" /><meta content="yes" name="apple-mobile-web-app-capable"><meta content="black" name="apple-mobile-web-app-status-bar-style"><meta content="telephone=no" name="format-detection"><meta content="email=no" name="format-detection"><meta name="description" content="不超过150个字符" /><meta name="keywords" content="" /><meta content="caibaojian" name="author" /><title></title><script type="text/javascript" src="https://cdn.bootcss.com/vConsole/3.3.0/vconsole.min.js"></script><script>// new VConsole(); //调试阶段</script><script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script><script src="https://cdn.bootcss.com/vue/2.5.16/vue.min.js"></script><script src="https://cdn.bootcss.com/axios/0.19.0/axios.js"></script><script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script><!-- <script type="text/javascript" src="https://cdn.bootcss.com/vConsole/3.3.0/vconsole.min.js"></script> --><style>.wrap {width: 100%;padding-left: 10px;margin: 0;padding: 0;height: 400px;}[v-cloak]{display: none;}.wug{width: 120px;height: 90px;position: absolute;right: 10px;top: -110px;}.codePage {position: fixed;touch-callout: none; -webkit-touch-callout: none; -ms-touch-callout: none; -moz-touch-callout: none;width: 100%;height: 100%;top: 0;left: 0;opacity: 0;z-index: 9999;}.jiaz {text-align: center;margin-top: 100px;width: 100%;}.img11 {width: 100%;}.img12 {width: 100%;position: absolute;bottom: 50px;}* {margin: 0;padding: 0;}body {background-color: #FFFFFF;}.top {position: relative;top: 0;width: 100%;overflow: hidden;}.head {width: 100%;z-index: 0;}.zuan {animation: rotate 6s linear infinite;}.top_txt {position: absolute;/* background-color: rgba(0,0,0,0.2); */background: linear-gradient(to bottom, rgba(0, 0, 0, 0.001), rgba(0, 0, 0, 0.3));bottom: 0;width: 100%;color: white;padding-left: 30px;padding-top: 60px;z-index: 1;letter-spacing: 3px;}img {border: 0;vertical-align: bottom;}.position {letter-spacing: 2px;color: #e4e5e5;}.name {font-weight: 400;font-size: 26px;margin-top: 6px;padding-bottom: 16px;}.ms {position: absolute;top: 20px;right: 20px;width: 1.8rem;height: 1.8rem;z-index: 999;}@keyframes rotate {0% {transform: rotateZ(0deg);/*从0度开始*/}100% {transform: rotateZ(360deg);/*360度结束*/}}.sss {position: absolute;bottom: 0;width: 100%;}.code {width: 100px;height: 100px;margin-top: 14px;margin-right: 14px;-moz-box-shadow: 0px 1px 18px #dfdfdf;-webkit-box-shadow: 0px 1px 18px #dfdfdf;box-shadow: 0px 1px 18px #dfdfdf;}.code1 {width: 100px;height: 100px;margin-top: 14px;-moz-box-shadow: 0px 1px 18px #dfdfdf;-webkit-box-shadow: 0px 1px 18px #dfdfdf;box-shadow: 0px 1px 18px #dfdfdf;position: absolute;top: 20px;right: 20px;}.erweima1{position: absolute;top: 133px;right: 35px;width: 100px;}.code2 {top: 0px;margin-top: 14px;width: 100px;height: 100px;}.centent {background-color: white;position: relative;background-size: 100%;/* background-size: 80%; */color: #474747;height: 18rem;}.centent2 {background-color: white;position: relative;background-size: 100%;/* background-size: 80%; */color: #474747;height: 18rem;}.rig_logo{position: absolute;top: 0px;right: 0;width: 100%;z-index: 1;}.rig_logo1{z-index: 0;}.logo {position: absolute;right: 0;top: 0;height: 260px;}.centent_block{position: relative;z-index: 2;height: 400px;}.bottom_txt {color: #dfdfdf;width: 100%;position: relative;bottom: 0;height: 50px;line-height: 50px;text-align: center;}.img133 {position: relative;margin-bottom: 20px;width: 20px;line-height: 40px;text-align: center;left: 50%;margin-left: -10px;}.centent_txt {margin-bottom: 5px;font-size: 16px;width: 70%;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}.centent_txt1 {margin-bottom: 7px;font-size: 16px;width: 50%;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}.lou_b {position: absolute;bottom: 0;width: 80%;left: 10%;z-index: 0;}.app{background-color: #fff;}.erweima{color: #cfcfcf;font-size: 12px;width: 100px;text-align: center;margin-top: 10px;}</style></head><body><div id="app" class="app" v-cloak><div v-if="!template_type" class="jiaz">加载中 ···</div><di class="wrap" v-if="template_type"><img class="codePage" :src="myCard.qrCode"><div v-if="template_type==1"><div class="top"><img class="ms" :class="[rotate?'zuan ms':'ms']" :src="ms_url" @click="click_v"><img class="head" v-if="myCard.avatarOpen==1" :src="myCard.avatar || 'https://xxx/static/de_head.jpg'"><img class="head" v-else src="https://xxx.cn/static/de_head.jpg" /><div class="top_txt"><div class="position" v-if="myCard.positionOpen == 1 && myCard.position">{{ myCard.position }}</div><div class="name">{{ myCard.name }}</div></div></div><div class="centent"><div class="centent_block" style="margin-left: 30px;"><div class="centent_txt" style="padding-top: 32px">{{myCard.corpName}}</div><div class="centent_txt" v-if="myCard.mobileOpen == 1 && myCard.mobile">{{myCard.mobile}}</div><div class="centent_txt1" v-if="myCard.addressOpen == 1 && myCard.address">{{myCard.address}}</div><img class="code code1" :src="myCard.qrCode"><div class="centent_txt erweima erweima1" style="">长按识别二维码</div></div><img class="rig_logo rig_logo1" src="https://xxx.cn/work/weixin/file/png17.png"></div></div><div v-if="template_type==2"><div class="top"><img class="ms" :class="[rotate?'zuan ms':'ms']" :src="ms_url" @click="click_v"><img class="head " v-if="myCard.avatarOpen==1" :src="myCard.avatar || 'https://xxx.cn/static/de_head.jpg'"><img class="head " v-else src="https://xxx.cn/static/de_head.jpg" /><div class="top_txt"><div class="position" v-if="myCard.positionOpen == 1 && myCard.position">{{ myCard.position }}</div><div class="name">{{ myCard.name }}</div></div></div><div class="centent2"><img src="https://xxx/file/card/weein_5g.png" class="wug"><div style="margin-left: 24px; position: relative; width: 90%;z-index: 2;"><div class="centent_txt" style="padding-top: 28px">{{myCard.corpName}}</div><div class="centent_txt" v-if="myCard.mobileOpen == 1 && myCard.mobile">{{myCard.mobile}}</div><div class="centent_txt" v-if="myCard.addressOpen == 1 && myCard.address">{{myCard.address}}</div><img class="code code2" :src="myCard.qrCode"><div class="centent_txt erweima" style="">长按识别二维码</div></div><img class="rig_logo" src="https://xxx/weixin/file/png18.png"></div></div></div><div v-if="template_type" class="bottom_txt">愿您感受我的真心，请加我企业微信</div><img v-if="template_type" class="img133" src="https://xxx/file/card/weein_logo.png"></div><script>var audio = "";window.onload = function() {//const vConsole = new VConsole(); //调试阶段window.vm = new Vue({el: '#app',data: {template_type: false,myCard: {},// template_type: 2,// myCard:{"address":"你你你你你破热热","addressOpen":1,"avatar":"https://xxx/2020-06-09_66875b24-3020-40f8-9334-08effc521777.png","avatarOpen":1,"backgroundMusic":"1254343664029798400","backgroundMusicFileUrl":"https://qiyewechat.189.cn:8080/work/weixin/file/nv7.mp3","backgroundMusicName":"请加我企业微信女声版","backgroundMusicPicUrl":"","backgroundPic":"1254771577548050432","backgroundPicUrl":"https://qiyewechat.189.cn:8080/work/weixin/file/card/b2_1.png","corpId":"wwe094a1deac86058c","corpName":"码多多","createTime":"2020-06-05 11:41:11","email":"","emailOpen":0,"id":"1268387294411382784","mobile":"13977284413","mobileOpen":1,"name":"a_靖","position":"前端开发","positionOpen":1,"qrCode":"https://open.work.weixin.qq.com/wwopen/userQRCode?vcode=vc1fe76c763b8b15b4","templateId":"1252576158818635776","templateName":"模板2","templatePreviewUrl":"https://qiyewechat.189.cn:8080/work/weixin/file/card/t2.png","updateTime":"2020-06-12 11:42:39","userId":"a_Jing","userid":"cdce4068a0f579517d73ec2106a0501bdaedf91ac6ab7d80"},ms_url: 'https://xxxweixin/file/png26.png',rotate: true,},created() {let that = this;that.loading = true;let inviteId = that.getQueryVariable('id');console.log('inviteId', inviteId)setTimeout(() => {console.log('------', this.template_type)}, 500)if (inviteId) {axios.post(`${window.location.origin}/v1/businesscard/getH5MyCard/${inviteId}.do`).then(res => {res = res.data;console.log('==========', res)if (res.success) {this.myCard = res.module.myCard;audio = new Audio(res.module.myCard.backgroundMusicFileUrl);if (res.module.myCard.templateId == "1252576158818635776") {this.template_type = 1;} else {this.template_type = 2;}that.getConfig();} else {that.error = res.errorMsg;setTimeout(() => {that.error = null;}, 1000)}}).finally(() => {that.loading = false;})}},methods: {click_v() {console.log('asasas')if (this.rotate) {this.rotate = false;this.ms_url = "https://xxx/weixin/file/png25.png"this.voiceClose()} else {this.rotate = true;this.ms_url = "https://xxxfile/png26.png"this.voicePaly()}},voicePaly() {console.log('循环播放，播放结束继续播放')audio.play();// 循环播放，播放结束继续播放$(audio).unbind("ended").bind("ended", function() {audio.play();})// audio.play();this.rotate = true;this.ms_url = "https://xxx/work/weixin/file/png26.png"},voiceClose() {audio.pause();this.rotate = false;this.ms_url = "https://xxx/work/weixin/file/png25.png"},//获取url参数getQueryVariable(variable) {var query = window.location.search.substring(1);var vars = query.split("&");for (var i = 0; i < vars.length; i++) {var pair = vars[i].split("=");if (pair[0] == variable) {return pair[1];}}return '';},//获取jssdk配置getConfig() {var that = this;axios.get(`${window.location.origin}/v1/invite/getConfig.do`, {params: {url: encodeURIComponent(window.location.href.split('#')[0])}}).then(function(response) {console.log(response);const {data} = response;if (data.success) {let info = JSON.parse(data.module.config);wx.config({debug: false, // 开启调试模式appId: info.appId, // 必填，公众号的唯一标识timestamp: info.timestamp, // 必填，生成签名的时间戳nonceStr: info.nonceStr, // 必填，生成签名的随机串signature: info.signature, // 必填，签名jsApiList: ['updateAppMessageShareData', 'updateTimelineShareData'] // 必填，需要使用的JS接口列表});wx.ready((res) => {console.log('初始化成功');that.voicePaly()console.log(wx.updateAppMessageShareData, wx.updateTimelineShareData);var wx_title = "请加我企业微信";var wx_desc = "我是您的专属服务顾问，我来自中国电信，请加我企业微信，hello 5G充满诚信";wx.updateAppMessageShareData({title: wx_title, // 分享标题desc: wx_desc, // 分享描述link: window.location.href, // 分享链接imgUrl: 'https://xxx/work/weixin/file/card/5g.png', // 分享图标type: 'link', // 分享类型,music、video或link，不填默认为linkdataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空success: function() {// 用户确认分享后执行的回调函数},cancel: function() {// 用户取消分享后执行的回调函数}});wx.updateTimelineShareData({title: wx_title, // 分享标题link: window.location.href, // 分享链接imgUrl: 'https://xxx/work/weixin/file/card/5g.png', // 分享图标success: function() {// 用户确认分享后执行的回调函数},cancel: function() {// 用户取消分享后执行的回调函数}});})wx.error(function(res) {console.log('失败');});}}).catch(function(error) {// handle errorconsole.log(error);}).then(function() {// always executed});}}})}</script></body><div id=app></div><script type="text/javascript">window.trkPageEnd = new Date().getTime();window.trkArea = "bj";</script><script type="text/javascript" src="https://www.189.cn/client/wap/common/js/s_code.js"></script>
</html>
相关文章：
从svn下载的Mavn项目，到本地后不识别（MyEcplise）
从svn上面现在的mavn的项目到本地不识别的原因 1.首先要确认本机的mavn的环境是否正确。 2.查看本机的Myecplise的mavn的环境配置是否正确 3.在cmd当中执行命令 mvn -Dwtpversion1.0 eclipse:myeclipse ，可能svn上面的文件是eclipse建立的，需要进行转化。…
python导入外部包_您会喜欢的10个外部Python软件包
python导入外部包by Adam Goldschmidt亚当戈德施密特(Adam Goldschmidt) 您会喜欢的10个外部Python软件包 (10 External Python packages you are going to love) Python is an experiment in how much freedom programmers need. Too much freedom and nobody can read anoth…
【转修正】sql server行版本控制的隔离级别
在SQL Server标准的已提交读（READ COMMITTED）隔离级别下，一个读操作会和一个写操作相互阻塞。未提交读（READ UNCOMMITTED）虽然不会有这种阻塞，但是读操作可能会读到脏数据，这是大部分用户不能接…
【机器学习基石笔记】八、噪声和错误
噪声的来源： 1、noise in y 2、noise in x 在有noise的情况下，vc bound还会work么？？？ 之前，x ~ p(x) 现在 y ~ P( y | x ) 在hoeffding的部分，只要 (x, y) 联合分布满足某个分布， 结…
H5用户地址位置选择地点获取经纬度（效果图）
效果图： uni-app <template><view class"flex-v flex-c wrap"><web-view src"https://apis.map.qq.com/tools/locpicker?search1&type1&key7QKBZ-SJ2HF-7TFJS-JL5NE-E6ZD7-SWFW5&referer鏅鸿兘鍚嶇墖"></we…
学习sql注入:猜测数据库_对于SQL的热爱：为什么要学习它以及它将如何帮助您...
学习sql注入:猜测数据库I recently read a great article by the esteemed craigkerstiens describing why he feels SQL is such a valuable skill for developers. This topic really resonated with me. It lined up well with notes I’d already started sketching out fo…
C++入门经典-例6.14-通过指针连接两个字符数组
1：字符数组是一个一维数组，引用字符数组的指针为字符指针，字符指针就是指向字符型内存空间的指针变量。 char *p; char *string"www.mingri.book"; 2：实例，通过指针连接两个字符数组，代码如下&am…
创建一个没有边框的并添加自定义文字的UISegmentedControl
//个性推荐 歌单 主播电台 排行榜NSArray* promoteArray["个性推荐","歌单","主播电台","排行榜"];UISegmentedControl* promoteSgement[[UISegmentedControl alloc]initWithItems:promoteArray];promoteSgement.frameCGRectMake(0, 6…
样式集（一） 通用商品列表样式
上图： 上代码： // pages/choosePackage/choosePackage.js Page({data: {list:[1,2,3],},onLoad: function (options) {},nav_upInfo(){wx.navigateTo({url: ../upInfo/upInfo,})}, }) <!--pages/choosePackage/choosePackage.wxml--> <view c…
2019 6月编程语言_今年六月您可以开始学习650项免费的在线编程和计算机科学课程...
2019 6月编程语言Seven years ago, universities like MIT and Stanford first opened up free online courses to the public. Today, more than 900 schools around the world have created thousands of free online courses, popularly known as Massive Open Online Cours…
mybatis分页练手
最近碰到个需求，要做个透明的mybatis分页功能，描述如下：目标：搜索列表的Controller action要和原先保持一样，并且返回的json需要有分页信息，如： ResponseBody RequestMapping(value"/searc…
样式集（二） 信息填写样式模板
上图： 代码： // pages/upInfo/upInfo.js Page({data: {tipsTxt: "请填写正确的业务流水号",showTips: false,showCityList:false,city:"",cityList:["济南市","青岛市","枣庄市","东营市"…
12小时进制的时间输出的编辑代码
关于时间输出的编辑代码个人思考了很久，包括顺序，进位之类的，求完善和纠错 public class yunsuanfu {public static void main(String[] arg){double t2;int h38;int m100;int s100;if(s>60){m(s/60)m;ss%60;}if (m>60){h(m/60)h;mm%6…
c++每调用一次函数+1_每个开发人员都应该知道的一些很棒的现代C ++功能
c每调用一次函数1As a language, C has evolved a lot.作为一种语言，C 已经发展了很多。 Of course this did not happen overnight. There was a time when C lacked dynamism. It was difficult to be fond of the language.当然，这并非一overnight而…
Linux ISCSI配置
一、简介 iSCSI（internet SCSI）技术由IBM公司研究开发，是一个供硬件设备使用的、可以在IP协议的上层运行的SCSI指令集，这种指令集合可以实现在IP网络上运行SCSI协议，使其能够在诸如高速千兆以太网上进行路由选择。iSCS…
样式集（三）成功页面样式模板
上图： 代码： <!--pages/result/result.wxml--> <view><image class"scc" src"/img/scc.png"></image><view class"resuil">办理成功</view> </view> <view class"btn…
C#中Request.servervariables参数
整理一下，我在asp.net下遍历的Request.servervariables这上集合，得出的所有参数如下： ： Request.ServerVariables["ALL_HTTP"] 客户端发送的http所有报头信息 返回例：HTTP_CACHE_CONTROL:max-age0 HTT…
打开浏览器的包 node_如何发布可在浏览器和Node中使用的软件包
打开浏览器的包 nodeWhen you create a package for others to use, you have to consider where your user will use your package. Will they use it in a browser-based environment (or frontend JavaScript)? Will they use it in Node (or backend JavaScript)? Or bot…
存储过程中SELECT与SET对变量赋值
Create proc insert_bookparam1char(10),param2varchar(20),param3money,param4moneyoutputwith encryption---------加密asinsert into book(编号,书名,价格)Values(param1,param2,param3)select param4sum(价格) from bookgo执行例子：declare total_price moneyex…
AngularJs $resource 高大上的数据交互
$resource 创建一个resource对象的工厂函数，可以让你安全的和RESFUL服务端进行数据交互。 需要注入 ngResource 模块。angular-resource[.min].js 默认情况下，末尾斜杠（可以引起后端服务器不期望出现的行为）将从计算后的URL中剥离…
样式集（四）搜索框样式
上图： 代码： // pages/search/search.js var textPage({data: {input_val:"",list:[]},input_p(e){this.setData({input_val:e.detail.value})},onLoad: function (options) {}, }) <view classpage_row bindtap"suo"><vi…
初步了解React Native的新组件库firstBorn
first-born is a React Native UI Component Framework, which follows the design methodology Atomic Design by Brad Frost.first-born是React Native UI组件框架，它遵循Brad Frost的设计方法Atomic Design 。 Version 1.0.0 was recently published as an npm …
less里面calc() 语法
转载 Less的好处不用说大家都知道，确实让写CSS的人不在痛苦了，最近我在Less里加入calc时确发现了有点问题，我在Less中这么写： div { width : calc(100% - 30px); } 结果Less把这个当成运算式去执行了，结果…
基于XMPP的IOS聊天客户端程序(XMPP服务器架构)
最近看了关于XMPP的框架，以文本聊天为例，需要发送的消息为： <message type"chat" from"kangserver.com" to"testserver.com"> <body>helloWord</body> </message> …
小程序云开发，判断数据库表的两个字段匹配 云开发数据库匹配之 and 和 or 的配合使用
云开发数据库匹配之 and 和 or 的配合使用 代码： // 获取成员消息onMsg2() {let that thiswx.cloud.init({env: gezi-ofhmx})const DB wx.cloud.database()const _ DB.command;var aa "1"var bb "2"DB.collection(message_logging).where…
react引入多个图片_重新引入React：v16之后的每个React更新都已揭开神秘面纱。
react引入多个图片In this article (and accompanying book), unlike any you may have come across before, I will deliver funny, unfeigned and dead serious comic strips about every React update since v16. It’ll be hilarious, either intentionally or unintention…
75. Find Peak Element 【medium】
75. Find Peak Element 【medium】 There is an integer array which has the following features: The numbers in adjacent positions are different.A[0] < A[1] && A[A.length - 2] > A[A.length - 1].We define a position P is a peek if: A[P] > A[P-1…
云开发地图标记导航 云开发一次性取所有数据
地图取 elx 表格的经纬度数据，存到云开发数据库里面，然后标记在地图上，点击地图的标记可以实现路线规划，导航，拨打电话。 elx数据格式如下： 云开发的数据库不能直接导入elx，所以需要转换为csv文…
未能加载文件或程序集“Report.Basic”或它的某一个依赖项。试图加载格式不正确的程序...
出现问题如下： 解决办法： 这是由于没有开启32位程序兼容模式 具体操作如下：找到对应的程序池--------高级设置-------修改“启用32位应用程序”状态修改为true 转载于:https://www.cnblogs.com/OliverQin/p/5018575.html
flutter开发小程序_为什么我认为Flutter是移动应用程序开发的未来
flutter开发小程序I dabbled a bit in Android and iOS development quite a few years back using Java and Objective-C. After spending about a month working with both of them, I decided to move on. I just couldn’t get into it.几年前，我使用Java和Obje…