548 lines
20 KiB
HTML
548 lines
20 KiB
HTML
<!doctype html>
|
||
<html>
|
||
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,initial-scale=1.0,width=device-width" />
|
||
<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
|
||
<title>我的推广码</title>
|
||
<link rel="stylesheet" type="text/css" href="/css/api.css" />
|
||
<link rel="stylesheet" type="text/css" href="/css/content.css" />
|
||
<script type="text/javascript" src="/scripts/jquery-2.0.2.min.js"></script>
|
||
<script type="text/javascript" src="/scripts/jquery.cookie.min.js"></script>
|
||
<!--<script type="text/javascript" src="/scripts/iscroll.js"></script>-->
|
||
<script type="text/javascript" src="/script/main.js?t=0"></script>
|
||
<script type="text/javascript" src="/layer/layer.js"></script>
|
||
<script type="text/javascript" src="/Scripts/long.js"></script>
|
||
<script type="text/javascript" src="/script/moment.js"></script>
|
||
<script type="text/javascript" src="/scripts/clipboard.min.js"></script>
|
||
<script type="text/javascript" src="/script/api.js"></script>
|
||
<script type="text/javascript" src="/Scripts/TouchSlide.1.1.js"></script>
|
||
<script src="/scripts/html2canvas.js"></script>
|
||
<style type="text/css">
|
||
html, body {
|
||
overflow: hidden;
|
||
background-color: #051E54;
|
||
}
|
||
|
||
#wrapper {
|
||
flex: 1;
|
||
overflow-y: auto;
|
||
-webkit-overflow-scrolling: touch;
|
||
}
|
||
|
||
.pullDown {
|
||
position: absolute;
|
||
top: -1.25rem;
|
||
left: 0;
|
||
width: 100%;
|
||
z-index: 100;
|
||
text-align: center;
|
||
display: none;
|
||
}
|
||
|
||
.pullUp {
|
||
position: absolute;
|
||
bottom: -1.25rem;
|
||
left: 0;
|
||
width: 100%;
|
||
z-index: 100;
|
||
text-align: center;
|
||
display: none;
|
||
}
|
||
|
||
.pullDown.loading, .pullUp.loading, .pullDown.refresh, .pullUp.refresh {
|
||
display: block;
|
||
}
|
||
|
||
.dbtnbox {
|
||
margin: 0 auto;
|
||
width: 100%;
|
||
text-align: center;
|
||
padding: 0;
|
||
box-sizing: border-box;
|
||
}
|
||
|
||
.dbtnbox input[type='button'] {
|
||
height: 3.5em;
|
||
line-height: 3.5em;
|
||
border-radius: 0;
|
||
}
|
||
/* 本例子css -------------------------------------- */
|
||
.slideBox {
|
||
position: relative;
|
||
margin: 0 auto;
|
||
padding: 0 3%;
|
||
width: 300px; /* 设置焦点图最大宽度 */
|
||
padding-bottom: 0;
|
||
box-sizing: border-box;
|
||
overflow: hidden;
|
||
}
|
||
.slideBox .hd {
|
||
position: absolute;
|
||
width: 100%;
|
||
text-align: center;
|
||
height: 28px;
|
||
line-height: 28px;
|
||
bottom: 0em;
|
||
right: 0;
|
||
z-index: 1;
|
||
}
|
||
|
||
.slideBox .hd li {
|
||
display: inline-block;
|
||
width: 5px;
|
||
height: 5px;
|
||
-webkit-border-radius: 5px;
|
||
-moz-border-radius: 5px;
|
||
border-radius: 5px;
|
||
background: #333;
|
||
text-indent: -9999px;
|
||
overflow: hidden;
|
||
margin: 0 0.2em;
|
||
}
|
||
|
||
.slideBox .hd li.on {
|
||
background: #fff;
|
||
}
|
||
.slideBox .bd {
|
||
float: left;
|
||
position: relative;
|
||
margin: 0;
|
||
width: 100%;
|
||
border-radius: 0.4em;
|
||
box-sizing: border-box;
|
||
overflow: hidden;
|
||
}
|
||
|
||
.slideBox .bd li {
|
||
float: left;
|
||
position: relative;
|
||
margin: 0 auto;
|
||
width: 100%;
|
||
text-align: center;
|
||
background: url(/images/ajaxLoader.gif) center center no-repeat;
|
||
border-radius: 0.4em;
|
||
border: 0;
|
||
box-sizing: border-box;
|
||
overflow: hidden;
|
||
}
|
||
|
||
.slideBox .bd li img {
|
||
position: relative;
|
||
vertical-align: top;
|
||
width: 100%;
|
||
border-radius: 0.4em;
|
||
box-sizing: border-box;
|
||
}
|
||
|
||
.zzbox {
|
||
position: fixed;
|
||
right: 0;
|
||
top: 0;
|
||
width: 100%;
|
||
height: 100%;
|
||
background-color: rgba(0,0,0,0.8);
|
||
display: none;
|
||
}
|
||
|
||
.zzbox img {
|
||
position: absolute;
|
||
right: 0;
|
||
top: 0;
|
||
}
|
||
</style>
|
||
<script type="text/javascript">
|
||
var fxuserId = null;
|
||
var dtype = 0;
|
||
var NCName = "";
|
||
var EWMPic = "mda2wm.png";
|
||
var yaoqingma = "", timestamp = "", nonceStr = "", signature = "";
|
||
var appKey = "";
|
||
var opentimes = null;
|
||
var myScroll = null;
|
||
var pullDown = 1; // 下拉刷新避免多次执行
|
||
var pullUp = 1; // 上拉加载避免多次执行
|
||
var downHeight = 0;
|
||
var upHeight = 0;
|
||
var isload = true;//设置是否终止滚动加载
|
||
var curScrollHeight = 0;//当前滚动位置
|
||
var curCount = 1;//计数器，防止滚动时重复执行加载下一页
|
||
$(document).ready(function () {
|
||
var dyaoqingma = $.getUrlParam("yaoqingma");
|
||
if (dyaoqingma != null) {
|
||
yaoqingma = dyaoqingma;
|
||
}
|
||
var clipboard = new Clipboard('#savebtn');
|
||
|
||
clipboard.on('success', function (e) {
|
||
tishi3("复制成功");
|
||
});
|
||
|
||
clipboard.on('error', function (e) {
|
||
tishi3("复制失败");
|
||
});
|
||
rdata();
|
||
|
||
|
||
|
||
|
||
});
|
||
|
||
function onScroll0() {
|
||
isload = true;//设置是否终止滚动加载
|
||
curScrollHeight = 0;//当前滚动位置
|
||
curCount = 1;//计数器，防止滚动时重复执行加载下一页
|
||
$("#wrapper").scroll(function () {
|
||
var pageHeight = $("#sysnew").height();
|
||
var showHeight = $("#wrapper").height();
|
||
var scrollHeight = $("#wrapper").scrollTop();
|
||
|
||
if (curScrollHeight - scrollHeight < 10 && curScrollHeight > 0) {
|
||
if (curCount == 1 && isload) {
|
||
|
||
rdata(0);
|
||
}
|
||
curCount++; //加载下一页后计数器+1
|
||
}
|
||
if (curScrollHeight < scrollHeight) {
|
||
curScrollHeight = pageHeight - showHeight;//滚动到页面底部时，重设当前滚动位置
|
||
curCount = 1;
|
||
}
|
||
|
||
});
|
||
}
|
||
|
||
function rdata() {
|
||
$(".ajaxLoader").removeClass("uhide");
|
||
$.ajax({
|
||
type: 'GET',
|
||
url: "/apiajax.ashx?action=getmy2wm&ifweb=1&yaoqingma=" + yaoqingma,
|
||
dataType: "JSON",
|
||
error: function (xhr, type) {
|
||
tishi3("发生错误：" + JSON.stringify(xhr));
|
||
},
|
||
success: function (data) {
|
||
|
||
|
||
if (data) {
|
||
if (data.status == 1) {
|
||
NCName = data.NCName;
|
||
EWMPic = data.EWMPic;
|
||
$("#yqr").html(NCName);
|
||
yaoqingma = data.yaoqingma;
|
||
appKey = data.appKey;
|
||
timestamp = timestamp;
|
||
nonceStr = data.nonceStr;
|
||
signature = data.signature;
|
||
|
||
$("#yaoqingma").val(data.yaoqingma);
|
||
$("#ewm_bg_box .ewmimg").attr("src", EWMPic);
|
||
$("#ewm_bg_box0 .ewmimg").attr("src", EWMPic);
|
||
$("#ewm_bg_box1 .ewmimg").attr("src", EWMPic);
|
||
$(".ajaxLoader").addClass("uhide");
|
||
} else {
|
||
|
||
tishi3(data.msg);
|
||
$(".ajaxLoader").addClass("uhide");
|
||
if (data.msg == "您未登录") {
|
||
clearlocalStorage("userId");
|
||
clearlocalStorage("LoginId");
|
||
}
|
||
}
|
||
|
||
} else {
|
||
tishi3("网络错误！");
|
||
$(".ajaxLoader").addClass("uhide");
|
||
}
|
||
}
|
||
});
|
||
|
||
}
|
||
|
||
function copy(_btn) {
|
||
|
||
var clipboard = new ClipboardJS(_btn);
|
||
|
||
|
||
|
||
clipboard.on('success', function (e) {
|
||
|
||
layer.alert("复制成功");
|
||
|
||
});
|
||
|
||
|
||
|
||
clipboard.on('error', function (e) {
|
||
|
||
layer.alert("复制失败");
|
||
|
||
});
|
||
|
||
|
||
|
||
};
|
||
var ewmName = "";//下载二维码地址
|
||
function Sen2Wm() {
|
||
var curTime = new Date();
|
||
ewmName = "ksdewm" + judgetime1(curTime.toString()) + ".png";
|
||
var ifb = true;
|
||
var ifb0 = true;
|
||
try {
|
||
var permission = 'storage';
|
||
var resultList = api.hasPermission({
|
||
list: [permission]
|
||
});
|
||
var granted = resultList[0].granted;
|
||
if (!granted) {
|
||
ifb = false;
|
||
layer.confirm('应用需要您的授权才能访问存储，是否要授权？', {
|
||
btn: ['是', '否'] //按钮
|
||
}, function () {
|
||
api.requestPermission({
|
||
list: [permission],
|
||
}, function (res) {
|
||
if (res.list[0].granted) {
|
||
// 已授权，可以继续下一步操作
|
||
tishi3('已授权');
|
||
} else {
|
||
ifb = false;
|
||
}
|
||
});
|
||
}, function () {
|
||
ifb = false;
|
||
});
|
||
}
|
||
} catch (err) {
|
||
ifb0 = false;
|
||
ifb = true;
|
||
}
|
||
if (ifb) {
|
||
if (ifb0) {
|
||
$("#nav-right").html("保存中，请稍候...");
|
||
try {
|
||
const options = {
|
||
backgroundColor: 'transparent' // null或transparent可将canvas背景设置为透明
|
||
}
|
||
html2canvas(document.querySelector(dtype == 2 ? "#ewm_bg_box1" :(dtype == 1 ? "#ewm_bg_box0" : "#ewm_bg_box")), options).then(canvas => {
|
||
//document.body.appendChild(canvas);
|
||
var baseurl = canvas.toDataURL('image/png').replace("data:image/png;base64,", "");
|
||
|
||
var trans = api.require('trans');// 引入apicloud提供的trans模块
|
||
trans.saveImage({
|
||
base64Str: baseurl,
|
||
album: true,
|
||
imgPath: "fs://image/",// 图片路径
|
||
imgName: ewmName //图片名字
|
||
}, function (ret, err) {
|
||
$("#nav-right").html("保存二维码到相册");
|
||
if (ret.status) {
|
||
tishi3("保存成功，可以去分享了");
|
||
|
||
} else {
|
||
tishi3(JSON.stringify(err));
|
||
}
|
||
});
|
||
});
|
||
} catch (err) {
|
||
tishi3(err);
|
||
}
|
||
/*api.download({
|
||
url: encodeURI(EWMPic),
|
||
savePath: ewmName,
|
||
encode: false,
|
||
report: false,
|
||
cache: false,
|
||
allowResume: false
|
||
}, function (ret, err) {
|
||
if (ret.state == 1) {
|
||
api.saveMediaToAlbum({
|
||
path: ewmName
|
||
}, function (ret0, err0) {
|
||
$("#nav-right").html("保存二维码到相册");
|
||
if (ret0 && ret0.status) {
|
||
tishi3("保存成功，可以去分享了");
|
||
} else {
|
||
tishi3('保存失败2');
|
||
}
|
||
});
|
||
} else {
|
||
$("#nav-right").html("保存二维码到相册");
|
||
tishi3(JSON.stringify(ret));
|
||
}
|
||
});*/
|
||
} else {
|
||
tishi3('下载APP才能保存');
|
||
}
|
||
}
|
||
/*$('.zzbox').show();
|
||
var closeInterval = setInterval(function () {
|
||
$('.zzbox').hide();
|
||
clearInterval(closeInterval);
|
||
}, 5000);*/
|
||
}
|
||
</script>
|
||
|
||
</head>
|
||
|
||
<body class="wrap">
|
||
<header class="renwuheader">
|
||
<div class="ub">
|
||
<div class="nav-btn" id="nav-left" style=" margin:0; padding:0; padding-top:0.2em; min-width:3em" onclick="closeWin()">
|
||
|
||
<img src="../image/faifei.png" style="margin-left:0; margin-top:0em; height:1.2em;width:1.2em;" />
|
||
|
||
|
||
</div>
|
||
<h1 class="ub-f1">
|
||
我的推广码
|
||
</h1>
|
||
<div class="nav-btn blue" id="nav-right" onclick="Sen2Wm()" style=" margin:0; padding:0; min-width:4em; color:#fff; padding-right:1em;">
|
||
保存二维码到相册
|
||
</div>
|
||
</div>
|
||
</header>
|
||
<section class="ub-f1" id="wrapper" style="padding:0.8em; box-sizing:border-box;">
|
||
<div id="slideBox" class="slideBox">
|
||
|
||
<div class="bd">
|
||
<ul>
|
||
<li id="ewm_bg_box"><img src="../images/2wm_bg.png" /><div style="position: absolute; bottom: 4.8em; left: 6.5em; width: 4.7em; height: 4.7em; padding: 0.2em; box-sizing: border-box; background-color: #fff; border-radius: 0.4em; "><img src="" class="ewmimg" style="width: 100%; height: 100%;" /></div><div style="position: absolute; bottom: 0em; display:flex; flex-direction:row; left: 2em; width: 8em; height: 4em; text-align:left;color:#fff;font-size:1em;font-weight:900;"><div>邀请人：</div><div class="yqr" id="yqr"></div></div></li>
|
||
</ul>
|
||
</div>
|
||
<div class="hd">
|
||
<ul></ul>
|
||
</div>
|
||
</div>
|
||
|
||
</section>
|
||
<footer>
|
||
<div class="dbtnbox">
|
||
<div class="yaoqingma_box"><div>邀请码：</div><div class="yaoqingma-box-to"><input type="text" id="yaoqingma" style="color: #fff;" /></div></div>
|
||
<input id="savebtn" type="button" class="mybtn0" data-clipboard-action="copy" data-clipboard-target="#yaoqingma" style="width:3.5em;" value="复制">
|
||
<input id="savebtn0" type="button" class="mybtn" onclick="onlink('register.html?yaoqingma=' + yaoqingma)" style="width:6em;" value="注册新会员">
|
||
</div>
|
||
|
||
</footer>
|
||
<div class="ajaxLoader ub ub-ac uhide" onclick="reload()">
|
||
<div class="ub ub-ac ub-ver"><img src="image/load.gif" /><br>正在加载...</div>
|
||
</div>
|
||
<div class="zzbox" onclick="$('.zzbox').hide();"><img src="/images/mmexport.png" /></div>
|
||
<script type="text/javascript">
|
||
wx.config({
|
||
debug: false,
|
||
appId: appKey,
|
||
timestamp: timestamp,
|
||
nonceStr: nonceStr,
|
||
signature: signature,
|
||
jsApiList: ['onMenuShareAppMessage', 'onMenuShareTimeline', 'onMenuShareQQ', 'onMenuShareWeibo']
|
||
});
|
||
/*
|
||
* 注意：
|
||
* 1. 所有的JS接口只能在公众号绑定的域名下调用，公众号开发者需要先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。
|
||
* 2. 如果发现在 Android 不能分享自定义内容，请到官网下载最新的包覆盖安装，Android 自定义分享接口需升级至 6.0.2.58 版本及以上。
|
||
* 3. 完整 JS-SDK 文档地址：http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html
|
||
*
|
||
* 如有问题请通过以下渠道反馈：
|
||
* 邮箱地址：weixin-open@qq.com
|
||
* 邮件主题：【微信JS-SDK反馈】具体问题
|
||
* 邮件内容说明：用简明的语言描述问题所在，并交代清楚遇到该问题的场景，可附上截屏图片，微信团队会尽快处理你的反馈。
|
||
*/
|
||
wx.ready(function () {
|
||
|
||
|
||
// 2. 分享接口
|
||
// 2.1 监听“分享给朋友”，按钮点击、自定义分享内容及分享结果接口
|
||
|
||
wx.onMenuShareAppMessage({
|
||
title: '您好，我是' + NCName,
|
||
desc: '邀您做消费，轻松躺赚上百万！',
|
||
link: apiurl + '/mobile/register.aspx?tjrid=' + yaoqingma,
|
||
imgUrl: EWMPic,
|
||
|
||
trigger: function (res) {
|
||
// 不要尝试在trigger中使用ajax异步请求修改本次分享的内容，因为客户端分享操作是一个同步操作，这时候使用ajax的回包会还没有返回
|
||
//alert('用户点击发送给朋友');
|
||
},
|
||
success: function (res) {
|
||
alert('已分享');
|
||
},
|
||
cancel: function (res) {
|
||
alert('已取消');
|
||
},
|
||
fail: function (res) {
|
||
alert(JSON.stringify(res));
|
||
}
|
||
|
||
});
|
||
|
||
|
||
// 2.2 监听“分享到朋友圈”按钮点击、自定义分享内容及分享结果接口
|
||
wx.onMenuShareTimeline({
|
||
title: '您好，我是' + NCName,
|
||
link: apiurl + '/mobile/register.aspx?tjrid=' + yaoqingma,
|
||
imgUrl: EWMPic,
|
||
trigger: function (res) {
|
||
// 不要尝试在trigger中使用ajax异步请求修改本次分享的内容，因为客户端分享操作是一个同步操作，这时候使用ajax的回包会还没有返回
|
||
//alert('用户点击发送给朋友');
|
||
},
|
||
success: function (res) {
|
||
alert('已分享');
|
||
},
|
||
cancel: function (res) {
|
||
alert('已取消');
|
||
},
|
||
fail: function (res) {
|
||
alert(JSON.stringify(res));
|
||
}
|
||
});
|
||
|
||
|
||
// 2.3 监听“分享到QQ”按钮点击、自定义分享内容及分享结果接口
|
||
|
||
wx.onMenuShareQQ({
|
||
title: '您好，我是' + NCName,
|
||
desc: '邀您做消费，轻松躺赚上百万！',
|
||
link: apiurl + '/mobile/register.aspx?tjrid=' + yaoqingma,
|
||
imgUrl: EWMPic,
|
||
success: function (res) {
|
||
alert('已分享');
|
||
},
|
||
cancel: function (res) {
|
||
alert('已取消');
|
||
},
|
||
fail: function (res) {
|
||
alert(JSON.stringify(res));
|
||
}
|
||
});
|
||
|
||
|
||
// 2.4 监听“分享到微博”按钮点击、自定义分享内容及分享结果接口
|
||
|
||
wx.onMenuShareWeibo({
|
||
title: '您好，我是' + NCName,
|
||
desc: '邀您做消费，轻松躺赚上百万！',
|
||
link: apiurl + '/mobile/register.aspx?tjrid=' + yaoqingma,
|
||
imgUrl: EWMPic,
|
||
success: function (res) {
|
||
alert('已分享');
|
||
},
|
||
cancel: function (res) {
|
||
alert('已取消');
|
||
},
|
||
fail: function (res) {
|
||
alert(JSON.stringify(res));
|
||
}
|
||
});
|
||
|
||
|
||
});
|
||
|
||
|
||
</script>
|
||
</body>
|
||
|
||
|
||
</html>
|