用米特网单页功能制作支付宝赚钱红包分享单页

时间:2017-12-28 22:17:00     来源:admin     分类:帮助中心

今年支付宝推出赚钱红包,大家都玩的不亦热乎。赚红包奖励金的网友肯定会遇到这样一个问题那就是微信朋友圈对红包进行了屏蔽。发出去的分享,只有自己看到,别人看不到。怎么解决这个问题,可以采用折中的办法,制作一个分享支付宝吱口令的红包网页,在分享出去就可以了。

米特网的单页功能正好可以用来做这件事。先看看效果:http://hongbao.ss06.com,可以用手机扫码看效果:

b81f8c51c4945ee12401f57667c3868e.png

用微信打开这个页面,就可以分享到自己的朋友圈了。

下面给出单页html代码:

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>支付宝红包大家抢</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="stylesheet" href="https://www.mite5.com/static/hongbao/style.css">
</head>
<body>
<div id="container">
<div>
<div>
<div>小伙伴们赶紧来撸支付宝羊毛,点击下面“复制红包口令”按钮,打开支付宝就能领取红包,最高可达99元,每天可以领取一次!</div>
            <div id="taokouling">b7EkIP99bn</div>
<div>
<div id="open"><img src="https://www.mite5.com/static/hongbao/images/user8.jpg" alt="" width="80" height="80"></div>
</div>
<div class="description1 flipInX btn" id="copyCode" data-clipboard-target="#taokouling" data-clipboard-action="copy">复制红包口令</div>
<div><a href="https://www.mite5.com">我也要发红包</a></div>
</div>
</div>
</div>
<script type="text/javascript" src="https://www.mite5.com/static/hongbao/clipboard.min.js"></script>
<script>
var clipboard = new Clipboard('.btn');
clipboard.on('success', function(e){
console.log(e);
document.getElementById('copyCode').innerHTML = '复制成功,打开支付宝领红包吧!';
});
clipboard.on('error', function(e){
document.getElementById('copyCode').innerHTML = '复制失败,请长按复制';
});
</script>
</div>
</body>
</html>

复制上面的代码,按下图所示把代码贴到网页编辑器里面,把里面的吱口令改成自己的即可。

单页源码编辑.jpg