|
|
@@ -0,0 +1,192 @@
|
|
|
1
|
+<!DOCTYPE html>
|
|
|
2
|
+<html>
|
|
|
3
|
+<head>
|
|
|
4
|
+<meta charset="UTF-8">
|
|
|
5
|
+<meta content="yes" name="apple-mobile-web-app-capable">
|
|
|
6
|
+<meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no">
|
|
|
7
|
+<title>分享领红包</title>
|
|
|
8
|
+<link rel="stylesheet" type="text/css" href="public/public_css.css"/>
|
|
|
9
|
+<style type="text/css">
|
|
|
10
|
+ body,html{font-size: 0.16rem;height: 100vh;}
|
|
|
11
|
+ body, div, button, h3, h6, span, ul, li, p, a,input{font-family: -apple-system,SF UI Text,Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-tap-highlight-color: rgba(0, 0, 0, 0); padding: 0; margin: 0; box-sizing: inherit; font-weight: normal;}
|
|
|
12
|
+ .success{margin: auto;text-align: center;border-bottom:0.005rem solid #707070;}
|
|
|
13
|
+ .success p:nth-child(1){font-size: 0.18rem;color: #FB3D38;padding-top: 0.86rem;padding-bottom: 0.145rem;}
|
|
|
14
|
+ .success p:nth-child(2){font-size: 0.12rem;color: #FB3D38;padding-bottom: 0.655rem;}
|
|
|
15
|
+ .success p:nth-child(4){font-size: 0.14rem;color: #666666;padding-top: 0.215rem;padding-bottom: 0.595rem;}
|
|
|
16
|
+ #share{width: 0.94rem;height: 0.26rem;margin:auto;color:#FFF;font-size:0.15rem;line-height: 0.26rem;text-align:center;background:#FB3D38;border-radius:0.075rem;box-shadow:0.02rem 0.045rem 0.05rem rgba(143,141,141,0.22);}
|
|
|
17
|
+ .download{}
|
|
|
18
|
+ .download .tit{color:#3333333;font-size:0.18rem;text-align: center;padding-top: 0.62rem;padding-bottom: 0.455rem;}
|
|
|
19
|
+ .download .leidou{padding-left: 0.16rem;padding-right: 0.15rem;}
|
|
|
20
|
+ .download .leidou .liedouImg{width: 0.525rem;float: left;}
|
|
|
21
|
+ .download .leidou .introduce{float: left;padding-left: 0.055rem;}
|
|
|
22
|
+ .download .leidou .introduce span{width:1.36rem;font-size: 0.13rem;color: #333333;}
|
|
|
23
|
+ .download .leidou .introduce img{width: 0.8rem;height: 0.195rem;padding-top: 0.06rem;padding-bottom: 0.1rem;}
|
|
|
24
|
+ .download .leidou .down{float: right;width: 0.755rem;height: 0.23rem;color: #fff;font-size: 0.13rem;line-height: 0.24rem;margin-top: 0.28rem;text-align: center;background: #FB3D38;border-radius: 0.075rem;box-shadow: 0.02rem 0.045rem 0.05rem rgba(143,141,141,0.22);}
|
|
|
25
|
+ .btom{clear: both;width: 100%;margin:auto;color:#FB3D38;font-size:0.14rem;text-align:center;padding-top: 0.5rem;padding-bottom: 0.56rem;}
|
|
|
26
|
+ .shareMask{display: none;width: 100%;height: 100%;background: rgba(0,0,0,0.5036);position: absolute;top: 0;left: 0;}
|
|
|
27
|
+ button{
|
|
|
28
|
+ outline: none;
|
|
|
29
|
+ }
|
|
|
30
|
+ a, a:visited{
|
|
|
31
|
+ text-decoration: none;
|
|
|
32
|
+ }
|
|
|
33
|
+ body{
|
|
|
34
|
+ width: 100%;
|
|
|
35
|
+ height: 100%;
|
|
|
36
|
+ }
|
|
|
37
|
+ .shareMask{
|
|
|
38
|
+ display: none;
|
|
|
39
|
+ width: 100%;
|
|
|
40
|
+ height: 100%;
|
|
|
41
|
+ background: rgba(0,0,0,0.5036);
|
|
|
42
|
+ position: absolute;
|
|
|
43
|
+ top: 0;
|
|
|
44
|
+ left: 0;
|
|
|
45
|
+ }
|
|
|
46
|
+ .weixin{
|
|
|
47
|
+ position: fixed;
|
|
|
48
|
+ bottom: 0;
|
|
|
49
|
+ background: #ffffff;
|
|
|
50
|
+ width: 100%;
|
|
|
51
|
+ }
|
|
|
52
|
+ .weixins{
|
|
|
53
|
+ background: rgba(216,216,216,0.2);
|
|
|
54
|
+ width: 100%;
|
|
|
55
|
+ display: -webkit-flex;
|
|
|
56
|
+ display: -webkit-box;
|
|
|
57
|
+ display: -moz-box;
|
|
|
58
|
+ display: -ms-flexbox;
|
|
|
59
|
+ display: flex;
|
|
|
60
|
+ justify-content: space-around;
|
|
|
61
|
+ }
|
|
|
62
|
+ .weixins div{
|
|
|
63
|
+ text-align: center;
|
|
|
64
|
+ }
|
|
|
65
|
+ .weixins div img{
|
|
|
66
|
+ display: block;
|
|
|
67
|
+ width: 0.44rem;
|
|
|
68
|
+ height: 0.44rem;
|
|
|
69
|
+ margin: auto;
|
|
|
70
|
+ margin-top: 0.22rem;
|
|
|
71
|
+ margin-bottom: 0.12rem;
|
|
|
72
|
+ }
|
|
|
73
|
+ .weixins div span{
|
|
|
74
|
+ font-size: 0.12rem;
|
|
|
75
|
+ line-height: 0.17rem;
|
|
|
76
|
+ color: #555555;
|
|
|
77
|
+ margin-bottom: 0.16rem;
|
|
|
78
|
+ display: inline-block;
|
|
|
79
|
+ }
|
|
|
80
|
+ .cancel{
|
|
|
81
|
+ line-height: 0.4rem;
|
|
|
82
|
+ font-size: 0.15rem;
|
|
|
83
|
+ color: #555555;
|
|
|
84
|
+ text-align: center;
|
|
|
85
|
+ }
|
|
|
86
|
+</style>
|
|
|
87
|
+ <script type="text/javascript">
|
|
|
88
|
+ document.documentElement.style.fontSize = 100 * (document.documentElement.clientWidth/375) + "px";
|
|
|
89
|
+ window.onresize = function(){
|
|
|
90
|
+ document.documentElement.style.fontSize = 100 * (document.documentElement.clientWidth/375) + "px";
|
|
|
91
|
+ }
|
|
|
92
|
+ </script>
|
|
|
93
|
+</head>
|
|
|
94
|
+<body>
|
|
|
95
|
+ <div class="success">
|
|
|
96
|
+ <p>恭喜你，已复制淘口令</p>
|
|
|
97
|
+ <p>请前往淘宝领取红包</p>
|
|
|
98
|
+ <p id="share">分享</p>
|
|
|
99
|
+ <p>分享给朋友，有奖一起分</p>
|
|
|
100
|
+ </div>
|
|
|
101
|
+ <div class="download">
|
|
|
102
|
+ <p class="tit">获取更多大额红包，下载猎豆优选</p>
|
|
|
103
|
+ <div class="leidou">
|
|
|
104
|
+ <img src="images/liedou.png" class="liedouImg"/>
|
|
|
105
|
+ <p class="introduce"><img src="images/logo.png" alt="" /><span>购物先领券，下单赚佣</span></p>
|
|
|
106
|
+ <a class="down" href="http://a.app.qq.com/o/simple.jsp?pkgname=com.kuxuan.coupon_liedou">下载APP</a>
|
|
|
107
|
+ </div>
|
|
|
108
|
+ </div>
|
|
|
109
|
+ <div class="btom">在淘宝/天猫购物之前，先来“猎豆优选App”</div>
|
|
|
110
|
+
|
|
|
111
|
+ <div class="shareMask">
|
|
|
112
|
+ <div class="weixin">
|
|
|
113
|
+ <div class="weixins">
|
|
|
114
|
+ <div class="weixinShare" onclick="shareWeixin()">
|
|
|
115
|
+ <img src="../H5/weixin.png" />
|
|
|
116
|
+ <span>微信</span>
|
|
|
117
|
+ </div>
|
|
|
118
|
+ <div class="pengyouquan" onclick="sharePengyouquan()">
|
|
|
119
|
+ <img src="../H5/weixinQuan.png"/>
|
|
|
120
|
+ <span>朋友圈</span>
|
|
|
121
|
+ </div>
|
|
|
122
|
+ </div>
|
|
|
123
|
+ <div class="cancel">取消分享</div>
|
|
|
124
|
+ </div>
|
|
|
125
|
+ </div>
|
|
|
126
|
+</body>
|
|
|
127
|
+</html>
|
|
|
128
|
+<script type="text/javascript" src="public/jquery-2.1.0.js"></script>
|
|
|
129
|
+<script type="text/javascript">
|
|
|
130
|
+
|
|
|
131
|
+ var userId = null;
|
|
|
132
|
+ var activity_id = null;
|
|
|
133
|
+ var share_code = null;
|
|
|
134
|
+ var str=location.href; //取得整个地址栏
|
|
|
135
|
+ var num=str.indexOf("?");
|
|
|
136
|
+ str=str.substr(num+1); //str得到?之后的字符串
|
|
|
137
|
+ var brr=str.split("&");
|
|
|
138
|
+ for(var i = 0 ; i<brr.length; i++){
|
|
|
139
|
+ if(brr[i].indexOf('userId') != -1){
|
|
|
140
|
+ userId = brr[i].split('=')[1];//用户id
|
|
|
141
|
+ localStorage.setItem('userId', userId);
|
|
|
142
|
+ }
|
|
|
143
|
+ if(brr[i].indexOf('activity_id') != -1){
|
|
|
144
|
+ activity_id = brr[i].split('=')[1];//活动id
|
|
|
145
|
+ localStorage.setItem('activity_id', activity_id);
|
|
|
146
|
+ }
|
|
|
147
|
+ if(brr[i].indexOf('share_code') != -1){
|
|
|
148
|
+ share_code = brr[i].split('=')[1];
|
|
|
149
|
+ }
|
|
|
150
|
+ }
|
|
|
151
|
+
|
|
|
152
|
+
|
|
|
153
|
+ $(".shareMask").click(function(e){
|
|
|
154
|
+ $(".shareMask").css('display','none')
|
|
|
155
|
+ })
|
|
|
156
|
+
|
|
|
157
|
+ $(".weixins").click(function(e){
|
|
|
158
|
+ e.preventDefault();
|
|
|
159
|
+ return false
|
|
|
160
|
+ })
|
|
|
161
|
+
|
|
|
162
|
+
|
|
|
163
|
+ var jsons = {
|
|
|
164
|
+ title:'@你，快来瓜分10000个红包！',
|
|
|
165
|
+ desc:'福利放送！淘宝无门槛购物红包天天领！来看看你的手气~',
|
|
|
166
|
+ url:'http://mzb.quyaqu.com/share/index.html?userId=' + userId
|
|
|
167
|
+ };
|
|
|
168
|
+ jsons = JSON.stringify(jsons);
|
|
|
169
|
+ function shareWeixin () {
|
|
|
170
|
+ if(navigator.userAgent.indexOf('Android') != -1){
|
|
|
171
|
+ messageHandlers.shareWithWechatSession(jsons)
|
|
|
172
|
+ }else{
|
|
|
173
|
+ window.webkit.messageHandlers.shareWithWechatSession.postMessage(jsons)
|
|
|
174
|
+ }
|
|
|
175
|
+ }
|
|
|
176
|
+
|
|
|
177
|
+ function sharePengyouquan () {
|
|
|
178
|
+ if(navigator.userAgent.indexOf('Android') != -1){
|
|
|
179
|
+ messageHandlers.shareWithWechatTimeline(jsons)
|
|
|
180
|
+ }else{
|
|
|
181
|
+ window.webkit.messageHandlers.shareWithWechatTimeline.postMessage(jsons)
|
|
|
182
|
+ }
|
|
|
183
|
+ }
|
|
|
184
|
+
|
|
|
185
|
+ $("#share").click(function () {
|
|
|
186
|
+ $(".shareMask").css('display','block')
|
|
|
187
|
+ })
|
|
|
188
|
+ $(".cancel").click(function () {
|
|
|
189
|
+ $(".shareMask").css('display','none')
|
|
|
190
|
+ })
|
|
|
191
|
+
|
|
|
192
|
+</script>
|
xiuli.gao
