<!DOCTYPE html>
|
<html class=" no-header no-nav ">
|
<head>
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
<title>精品推荐</title>
|
<meta name="MobileOptimized" content="320">
|
<meta name="viewport" content="initial-scale=1.0,user-scalable=no,minimum-scale=1.0, maximum-scale=1.0,width=device-width">
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
<meta name="apple-mobile-web-app-status-bar-style" content="black">
|
<meta name="format-detection" content="telephone=no, email=no">
|
<meta http-equiv="x-dns-prefetch-control" content="on">
|
<style type="text/css">
|
.beatWord {
|
text-align: center;
|
margin: 14px;
|
}
|
|
.fieldset {
|
padding: 0.8em;
|
margin: 0 2px;
|
border: 1px dashed #f54d23;
|
background: #fff;
|
margin-top: 30px;
|
}
|
|
.legend {
|
background: #f54d23;
|
height: 28px;
|
border: none;
|
line-height: 20px;
|
padding: 0 4px;
|
top: -20px;
|
position: relative;
|
}
|
|
.legend img {
|
width: 226px;
|
height: 16px;
|
bottom: 6px;
|
display: inline-block;
|
vertical-align: middle;
|
}
|
|
.img {
|
pointer-events: none;
|
}
|
|
img,
|
object,
|
video,
|
embed {
|
max-width: 100%;
|
vertical-align: middle;
|
-moz-box-sizing: border-box;
|
box-sizing: border-box;
|
}
|
|
.itemWord {
|
font-size: 12px;
|
top: -10px;
|
position: relative;
|
}
|
|
.itemWord img {
|
width: 100%;
|
}
|
|
.itemCopy,
|
.wordCopy {
|
width: 250px;
|
border: none;
|
font-size: 16px;
|
background: #f60;
|
display: inline-block;
|
margin: 10px auto;
|
border-radius: 30px;
|
color: #fff;
|
height: 44px;
|
line-height: 44px;
|
}
|
</style>
|
</head>
|
<body>
|
<script src="https://lib.baomitu.com/clipboard.js/1.6.1/clipboard.min.js"></script>
|
<script type="text/javascript" src="https://lib.baomitu.com/jquery/2.2.4/jquery.min.js"></script>
|
|
<div class="beatWord old">
|
<div class="fieldset">
|
<div class="legend">
|
<img class="img" src="http://qnoss.lanlanlife.com/90b15a1cdcd6ee4c17000f645c327e54_41x560.png">
|
</div>
|
<p id="itemWord" class="itemWord">
|
<img class="img" src="http://qnoss.lanlanlife.com/c5f4bef02ac61ca30fef9cd610af3020_43x914.png"><span id="koulinold">1(JowuX82Bddl)/</span>
|
</p>
|
</div>
|
<div type="button" data-clipboard-text="1(JowuX82Bddl)/" class="itemCopy">一键复制</div>
|
</div>
|
|
<script type="text/javascript">
|
//获得参数
|
function 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 unescape(pair[1]);
|
}
|
}
|
return (false);
|
}
|
|
function mobileUtil() {
|
const UA = navigator.userAgent;
|
const isAndroid = /android|adr/gi.test(UA);
|
const isIOS = /iphone|ipod|ipad/gi.test(UA) && !isAndroid;
|
var androidVersion = null;
|
var reg = /android [\d._]+/gi;
|
var v_info = UA.match(reg);
|
androidVersion = (v_info + "").replace(/[^0-9|_.]/ig, "").replace(/_/ig, ".");
|
androidVersion = parseInt(androidVersion.split('.')[0]);
|
return {
|
isAndroid: isAndroid,
|
isIOS: isIOS,
|
androidVersion: androidVersion,
|
}
|
}
|
|
//复制识图口令
|
var clipboardA = new Clipboard('.wordCopy');
|
clipboardA.on('success', function(e) {
|
if (e.trigger.disabled == false || e.trigger.disabled == undefined) {
|
e.trigger.innerHTML = "已复制，前往淘宝配置";
|
e.trigger.style.background = "linear-gradient(90deg, #09EC37 0%, #00CC2A 100%)";
|
e.trigger.disabled = true;
|
setTimeout(function() {
|
e.trigger.innerHTML = "复制识屏搜索口令";
|
e.trigger.style.background = "linear-gradient(90deg, #FB366E 0%, #FF0000 100%)";
|
e.trigger.disabled = false;
|
}, 2000);
|
}
|
});
|
clipboardA.on('error', function(e) {
|
e.trigger.innerHTML = "复制失败,请手动复制";
|
e.trigger.style.backgroundColor = "linear-gradient(90deg, #FF9D2E 0%, #FF8541 100%)";
|
});
|
|
//复制商品口令
|
var clipboardB = new Clipboard('.itemCopy');
|
clipboardB.on('success', function(e) {
|
if (e.trigger.disabled == false || e.trigger.disabled == undefined) {
|
e.trigger.innerHTML = "复制成功，打开【手淘】购买";
|
e.trigger.style.background = "#7dc57d";
|
e.trigger.disabled = true;
|
setTimeout(function() {
|
e.trigger.innerHTML = "一键复制";
|
e.trigger.style.background = "#df7162";
|
e.trigger.disabled = false;
|
}, 2000);
|
}
|
});
|
clipboardB.on('error', function(e) {
|
e.trigger.innerHTML = "复制失败,请手动复制";
|
e.trigger.style.background = "#b5b4b4";
|
});
|
|
//复制邀请口令
|
var clipboardC = new Clipboard('.cmdCopy');
|
clipboardC.on('success', function(e) {
|
if (e.trigger.disabled == false || e.trigger.disabled == undefined) {
|
e.trigger.innerHTML = "复制成功";
|
e.trigger.disabled = true;
|
setTimeout(function() {
|
e.trigger.innerHTML = "复制";
|
e.trigger.disabled = false;
|
}, 2000);
|
}
|
});
|
clipboardC.on('error', function(e) {
|
e.trigger.innerHTML = "复制失败,请手动复制";
|
});
|
|
$(function() {
|
var isIOS = mobileUtil().isIOS;
|
var isAndroid = mobileUtil().isAndroid;
|
var androidVersion = mobileUtil().androidVersion;
|
var kl = window.location.href.split("token=")[1]; //getQueryVariable("token");
|
var result = kl.match(/\(([^)]*)\)/);
|
kl = result[0]
|
var url = getQueryVariable("url");
|
var inviteCode = getQueryVariable("inviteCode");
|
var coverImage = getQueryVariable("coverImage");
|
var type = getQueryVariable("type");
|
var kl = kl.match(/\w+/);
|
var kl = "1(" + kl + ")/";
|
var isShow = getQueryVariable("isShow");
|
var aUrl = getQueryVariable("aUrl");
|
$(".itemCopy").attr("data-clipboard-text", kl);
|
$(".wordCopy").attr("data-clipboard-text", kl);
|
$(".cmdCopy").attr("data-clipboard-text", inviteCode);
|
$("#koulinold").text(kl);
|
$("#koulinnew").text(kl);
|
if (inviteCode) {
|
$(".inviteCode").text(inviteCode);
|
$(".donwload_inviteCode").show();
|
} else {
|
$(".donwload_inviteCode").hide();
|
$('.donwload_title').css('margin-top', '10px');
|
}
|
if (url) {
|
$("#downloadUrl").attr("href", url);
|
} else {
|
$("#downloadUrl").remove();
|
}
|
if (coverImage) {
|
$(".coverImage").attr("src", coverImage);
|
} else {
|
$(".coverImage").remove();
|
}
|
if (isIOS || Number(androidVersion) < 7) {
|
$('#course').hide();
|
};
|
if (isIOS) {
|
$('.tips').text('iOS手机不支持参与此活动');
|
}
|
if (isAndroid) {
|
$('.tips').text('已经配置？下拉打开控制中心，点击“识屏搜索”即可购买');
|
}
|
if (type == 1) {
|
$('#course').hide();
|
$('.old').hide();
|
//自动选中
|
var wordnew = document.querySelector('#koulinnew');
|
document.addEventListener("selectionchange", function(e) {
|
window.getSelection().selectAllChildren(wordnew);
|
}, false);
|
} else {
|
$('.new').hide();
|
//自动选中
|
var wordold = document.querySelector('#koulinold');
|
document.addEventListener("selectionchange", function(e) {
|
window.getSelection().selectAllChildren(wordold);
|
}, false);
|
}
|
if (isShow && isShow == 1) {
|
$('#red').css('display', 'block');
|
$('.imgContainer').css('margin-bottom', '125px');
|
$('#redUrl').attr("href", aUrl);
|
}
|
$("#course").click(function() {
|
$('.alert').show();
|
var html =
|
`<div class="alert_img">
|
<img src="http://qnoss.lanlanlife.com/5db2bb86b6727ab572d20519b2e1d1d2_400x1080.jpg"/>
|
<img src="http://qnoss.lanlanlife.com/9ce6349fd3eeba6c063fd4e3f05d491d_1076x1080.jpg"/>
|
<img src="http://qnoss.lanlanlife.com/2705ca6b2a087e7eeb6e37a4ced47682_1136x1080.jpg"/>
|
<img src="http://qnoss.lanlanlife.com/107335366b1c21070442e44e67da850a_465x1080.jpg"/>
|
`;
|
$('.alert_con').append(html);
|
});
|
$("#course3").click(function() {
|
$('.alert').show();
|
var html =
|
`<div class="alert_img">
|
<img src="http://qnoss.lanlanlife.com/f9a3e89d104d79c1d6771f8b3fbf16e5_398x1080.jpg"/>
|
<img src="http://qnoss2.lanlanlife.com/402272b871459926498516c2a506a887_1083x1080.jpg"/>
|
<img src="http://qnoss.lanlanlife.com/aaacad7a339c0ac0a120811e6d1b80c4_1109x1080.jpg"/>
|
<img src="http://qnoss.lanlanlife.com/3f9900f2b9009fa26ba5a4d6f2f93d29_1118x1080.jpg"/>
|
<img src="http://qnoss.lanlanlife.com/204b5ee32295d00104a16d16233b947f_489x1080.jpg"/>
|
`;
|
$('.alert_con').append(html);
|
});
|
$(".alert_close").click(function() {
|
$('.alert').hide();
|
$('.alert_img').remove();
|
});
|
});
|
</script>
|
|
</html>
|
