|
@@ -21,10 +21,8 @@ |
|
@@ -21,10 +21,8 @@ |
|
21
|
.page{
|
21
|
.page{
|
|
22
|
width: 100%;
|
22
|
width: 100%;
|
|
23
|
height: 100%;
|
23
|
height: 100%;
|
|
|
|
24
|
+ overflow: hidden;
|
|
24
|
background: #e10c1e;
|
25
|
background: #e10c1e;
|
|
25
|
- position: absolute;
|
|
|
|
26
|
- bottom: 0;
|
|
|
|
27
|
- left: 0;
|
|
|
|
28
|
}
|
26
|
}
|
|
29
|
.banner{
|
27
|
.banner{
|
|
30
|
width: 100%;
|
28
|
width: 100%;
|
|
@@ -51,15 +49,14 @@ |
|
@@ -51,15 +49,14 @@ |
|
51
|
width: 100%;
|
49
|
width: 100%;
|
|
52
|
height: auto;
|
50
|
height: auto;
|
|
53
|
overflow: hidden;
|
51
|
overflow: hidden;
|
|
54
|
- padding-top: 2.4rem;
|
|
|
|
55
|
- background: #e10c1e;
|
52
|
+ padding-top: 4rem;
|
|
56
|
}
|
53
|
}
|
|
57
|
.centent div{
|
54
|
.centent div{
|
|
58
|
width: 81.25%;
|
55
|
width: 81.25%;
|
|
59
|
height: 4rem;
|
56
|
height: 4rem;
|
|
60
|
overflow: hidden;
|
57
|
overflow: hidden;
|
|
61
|
margin: 0 auto;
|
58
|
margin: 0 auto;
|
|
62
|
- padding-bottom: 1rem;
|
59
|
+ padding-bottom: 1.2rem;
|
|
63
|
}
|
60
|
}
|
|
64
|
.centent input{
|
61
|
.centent input{
|
|
65
|
width: 68%;
|
62
|
width: 68%;
|
|
@@ -105,7 +102,6 @@ |
|
@@ -105,7 +102,6 @@ |
|
105
|
.dialog .close{
|
102
|
.dialog .close{
|
|
106
|
width: 1.4rem;
|
103
|
width: 1.4rem;
|
|
107
|
height: 1.4rem;
|
104
|
height: 1.4rem;
|
|
108
|
- overflow: hidden;
|
|
|
|
109
|
background: #444;
|
105
|
background: #444;
|
|
110
|
color: #f1f1f1;
|
106
|
color: #f1f1f1;
|
|
111
|
border-radius: 50%;
|
107
|
border-radius: 50%;
|
|
@@ -115,10 +111,6 @@ |
|
@@ -115,10 +111,6 @@ |
|
115
|
line-height: 1.4rem;
|
111
|
line-height: 1.4rem;
|
|
116
|
text-align: center;
|
112
|
text-align: center;
|
|
117
|
}
|
113
|
}
|
|
118
|
- .dialog .close img{
|
|
|
|
119
|
- width: 100%;
|
|
|
|
120
|
- height: auto;
|
|
|
|
121
|
- }
|
|
|
|
122
|
.hidden{
|
114
|
.hidden{
|
|
123
|
display: none;
|
115
|
display: none;
|
|
124
|
}
|
116
|
}
|
|
@@ -155,27 +147,12 @@ |
|
@@ -155,27 +147,12 @@ |
|
155
|
margin:0 auto;
|
147
|
margin:0 auto;
|
|
156
|
line-height: 2rem;
|
148
|
line-height: 2rem;
|
|
157
|
}
|
149
|
}
|
|
158
|
- .messages{
|
|
|
|
159
|
- width: 82%;
|
|
|
|
160
|
- height: 4rem;
|
|
|
|
161
|
- position: absolute;
|
|
|
|
162
|
- background: rgba(0,0,0,.9);
|
|
|
|
163
|
- border-radius: .6rem;
|
|
|
|
164
|
- left:9%;
|
|
|
|
165
|
- top: 45%;
|
|
|
|
166
|
- margin-top: -2rem;
|
|
|
|
167
|
- z-index: 2;
|
|
|
|
168
|
- color: #fff;
|
|
|
|
169
|
- }
|
|
|
|
170
|
- .messages p{
|
|
|
|
171
|
- line-height: 4rem;
|
|
|
|
172
|
- }
|
|
|
|
173
|
</style>
|
150
|
</style>
|
|
174
|
</head>
|
151
|
</head>
|
|
175
|
<body>
|
152
|
<body>
|
|
176
|
<div class="page">
|
153
|
<div class="page">
|
|
177
|
<div class="banner">
|
154
|
<div class="banner">
|
|
178
|
- <img src="images/cokeBanner.jpg">
|
155
|
+ <img src="/activity/cocacola/images/cokeBanner.jpg">
|
|
179
|
</div>
|
156
|
</div>
|
|
180
|
<div class="centent">
|
157
|
<div class="centent">
|
|
181
|
<div>
|
158
|
<div>
|
|
@@ -183,21 +160,22 @@ |
|
@@ -183,21 +160,22 @@ |
|
183
|
<span>获取验证码</span>
|
160
|
<span>获取验证码</span>
|
|
184
|
</div>
|
161
|
</div>
|
|
185
|
<div>
|
162
|
<div>
|
|
186
|
- <input id="verification" type="text" placeholder="请输入手机验证码" maxlength="6"/>
|
163
|
+ <input id="verification" type="text" placeholder="请输入手机验证码" maxlength="4"/>
|
|
187
|
<span>领取</span>
|
164
|
<span>领取</span>
|
|
188
|
</div>
|
165
|
</div>
|
|
189
|
</div>
|
166
|
</div>
|
|
190
|
<div class="footer">
|
167
|
<div class="footer">
|
|
191
|
- <img src="images/cokefooter.jpg">
|
168
|
+ <img src="/activity/cocacola/images/cokefooter.jpg">
|
|
192
|
<span></span>
|
169
|
<span></span>
|
|
193
|
</div>
|
170
|
</div>
|
|
194
|
</div>
|
171
|
</div>
|
|
195
|
- <div class="message hidden" id="dialog">
|
172
|
+ <div class="dialog hidden" id="dialog">
|
|
|
|
173
|
+ <span class="close">X</span>
|
|
196
|
<div class="content"></div>
|
174
|
<div class="content"></div>
|
|
197
|
</div>
|
175
|
</div>
|
|
198
|
<div class="keep-out hidden"></div>
|
176
|
<div class="keep-out hidden"></div>
|
|
199
|
<div class="dialog hidden" id="message">
|
177
|
<div class="dialog hidden" id="message">
|
|
200
|
- <span class="close"><img src="images/close.png"></span>
|
178
|
+ <span class="close">X</span>
|
|
201
|
<div class="activity-message">
|
179
|
<div class="activity-message">
|
|
202
|
<h3>活动说明</h3>
|
180
|
<h3>活动说明</h3>
|
|
203
|
<div class="message">
|
181
|
<div class="message">
|
|
@@ -208,7 +186,9 @@ |
|
@@ -208,7 +186,9 @@ |
|
208
|
</div>
|
186
|
</div>
|
|
209
|
</div>
|
187
|
</div>
|
|
210
|
</body>
|
188
|
</body>
|
|
211
|
-<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
|
189
|
+<script type="text/javascript" src="/activity/js/jquery-1.12.0.min.js"></script>
|
|
|
|
190
|
+<script type="text/javascript" src="http://cdn.yoho.cn/yas-jssdk/1.0.14/yas.js"></script>
|
|
|
|
191
|
+<script type="text/javascript" src="/activity/js/jquery.cookie.js"></script>
|
|
212
|
<script type="text/javascript">
|
192
|
<script type="text/javascript">
|
|
213
|
(function(w, d, s, j, f) {
|
193
|
(function(w, d, s, j, f) {
|
|
214
|
var a = d.createElement(s);
|
194
|
var a = d.createElement(s);
|
|
@@ -234,61 +214,73 @@ |
|
@@ -234,61 +214,73 @@ |
|
234
|
|
214
|
|
|
235
|
var num = 0;
|
215
|
var num = 0;
|
|
236
|
|
216
|
|
|
237
|
- $('#phone').bind('input propertychange', function(){
|
|
|
|
238
|
- console.log($(this).val().length);
|
|
|
|
239
|
- if ($(this).val().length === 11) {
|
|
|
|
240
|
- $('.centent span').eq('0').addClass('verification-code');
|
|
|
|
241
|
- }else{
|
217
|
+ $('#phone').focus(function(){
|
|
|
|
218
|
+ $('.centent span').eq('0').addClass('verification-code');
|
|
|
|
219
|
+ })
|
|
|
|
220
|
+ $('#phone').blur(function(){
|
|
|
|
221
|
+ if (!$(this).val()) {
|
|
242
|
$('.centent span').eq('0').removeClass();
|
222
|
$('.centent span').eq('0').removeClass();
|
|
243
|
}
|
223
|
}
|
|
244
|
})
|
224
|
})
|
|
245
|
- $('#verification').bind('input propertychange', function(){
|
|
|
|
246
|
- console.log($(this).val().length);
|
|
|
|
247
|
- if ($(this).val().length === 4) {
|
|
|
|
248
|
- $('.centent span').eq('1').addClass('verification-code');
|
|
|
|
249
|
- }else{
|
225
|
+ $('#verification').focus(function(){
|
|
|
|
226
|
+ $('.centent span').eq('1').addClass('get');
|
|
|
|
227
|
+ })
|
|
|
|
228
|
+ $('#verification').blur(function(){
|
|
|
|
229
|
+ if (!$(this).val()) {
|
|
250
|
$('.centent span').eq('1').removeClass();
|
230
|
$('.centent span').eq('1').removeClass();
|
|
251
|
}
|
231
|
}
|
|
252
|
})
|
232
|
})
|
|
253
|
$('.centent').on('click', '.verification-code', function(){
|
233
|
$('.centent').on('click', '.verification-code', function(){
|
|
254
|
$('.centent span').eq('0').removeClass('verification-code');
|
234
|
$('.centent span').eq('0').removeClass('verification-code');
|
|
255
|
- if ($(this).siblings('input').val().length === 11) {
|
|
|
|
256
|
- $.ajax({
|
|
|
|
257
|
- url:'',
|
|
|
|
258
|
- dataType:'json',
|
|
|
|
259
|
- success:function(data){
|
|
|
|
260
|
- if (data.code === 200) {
|
|
|
|
261
|
- var time = setInterval(function(){
|
|
|
|
262
|
- num++;
|
|
|
|
263
|
- if (num > 60) {
|
|
|
|
264
|
- clearInterval('time');
|
|
|
|
265
|
- $('.centent span').eq('0').addClass('verification-code').html('获取验证码');
|
|
|
|
266
|
- } else {
|
|
|
|
267
|
- $('.centent span').eq('0').removeClass('verification-code').html('重新发送(' + (60-num) + ')');
|
|
|
|
268
|
- }
|
|
|
|
269
|
- },1000);
|
|
|
|
270
|
- }
|
|
|
|
271
|
- }
|
|
|
|
272
|
- })
|
|
|
|
273
|
- } else {
|
235
|
+ var phone = $(this).siblings('input').val();
|
|
|
|
236
|
+ var reg = /[0-9]{11}/;
|
|
|
|
237
|
+ if (!reg.test(phone)) {
|
|
274
|
$('#dialog').removeClass('hidden');
|
238
|
$('#dialog').removeClass('hidden');
|
|
275
|
$('.keep-out').removeClass('hidden');
|
239
|
$('.keep-out').removeClass('hidden');
|
|
276
|
$('#dialog .content').html('<p class="phone-error">手机号错误，请重新输入。<p>');
|
240
|
$('#dialog .content').html('<p class="phone-error">手机号错误，请重新输入。<p>');
|
|
277
|
- setTimeout(function(){
|
|
|
|
278
|
- $('.messages').addClass('hidden');
|
|
|
|
279
|
- $('.keep-out').addClass('hidden');
|
|
|
|
280
|
- $('#dialog .content').html(' ')
|
|
|
|
281
|
- }, 1400)
|
241
|
+ return;
|
|
282
|
}
|
242
|
}
|
|
|
|
243
|
+ $.ajax({
|
|
|
|
244
|
+ url:'/activity/cocacola/CocacolaController/sendSms',
|
|
|
|
245
|
+ data : {
|
|
|
|
246
|
+ mobile : $("#phone").val()
|
|
|
|
247
|
+ },
|
|
|
|
248
|
+ dataType:'json',
|
|
|
|
249
|
+ success:function(data){
|
|
|
|
250
|
+ if (data.code === 200) {
|
|
|
|
251
|
+ var time = setInterval(function(){
|
|
|
|
252
|
+ num++;
|
|
|
|
253
|
+ if (num > 60) {
|
|
|
|
254
|
+ num = 0;
|
|
|
|
255
|
+ $('.centent span').eq('0').addClass('verification-code').html('获取验证码');
|
|
|
|
256
|
+ clearInterval(time);
|
|
|
|
257
|
+
|
|
|
|
258
|
+ } else {
|
|
|
|
259
|
+ $('.centent span').eq('0').removeClass('verification-code').html('重新发送(' + (60-num) + ')');
|
|
|
|
260
|
+ }
|
|
|
|
261
|
+ },1000);
|
|
|
|
262
|
+ } else {
|
|
|
|
263
|
+ $('#dialog').removeClass('hidden');
|
|
|
|
264
|
+ $('.keep-out').removeClass('hidden');
|
|
|
|
265
|
+ $('#dialog .content').html('<p class="phone-error">'+ data.message +'<p>');
|
|
|
|
266
|
+ }
|
|
|
|
267
|
+ }
|
|
|
|
268
|
+ });
|
|
283
|
});
|
269
|
});
|
|
284
|
$('.centent').on('click', '.get', function(){
|
270
|
$('.centent').on('click', '.get', function(){
|
|
285
|
- if ($(this).siblings('input').val().length === 6) {
|
271
|
+ $('.centent span').eq('1').removeClass('get');
|
|
|
|
272
|
+ if ($(this).siblings('input').val().length === 4) {
|
|
286
|
$.ajax({
|
273
|
$.ajax({
|
|
287
|
- url:'',
|
274
|
+ url:'/activity/cocacola/CocacolaController/validRegCodeAndSendCode',
|
|
|
|
275
|
+ data : {
|
|
|
|
276
|
+ code : $("#verification").val(),
|
|
|
|
277
|
+ mobile : $("#phone").val(),
|
|
|
|
278
|
+ client_id : $.cookie("_yasvd")
|
|
|
|
279
|
+ },
|
|
288
|
dataType:'json',
|
280
|
dataType:'json',
|
|
289
|
success:function(data){
|
281
|
success:function(data){
|
|
290
|
if (data.code === 200) {
|
282
|
if (data.code === 200) {
|
|
291
|
-
|
283
|
+ location.href = "gain.html?mobile=" + $("#phone").val();
|
|
292
|
} else {
|
284
|
} else {
|
|
293
|
$('#dialog').removeClass('hidden');
|
285
|
$('#dialog').removeClass('hidden');
|
|
294
|
$('.keep-out').removeClass('hidden');
|
286
|
$('.keep-out').removeClass('hidden');
|
|
@@ -300,11 +292,6 @@ var num = 0; |
|
@@ -300,11 +292,6 @@ var num = 0; |
|
300
|
$('#dialog').removeClass('hidden');
|
292
|
$('#dialog').removeClass('hidden');
|
|
301
|
$('.keep-out').removeClass('hidden');
|
293
|
$('.keep-out').removeClass('hidden');
|
|
302
|
$('#dialog .content').html('<p class="phone-error">验证码错误，请重新输入。<p>');
|
294
|
$('#dialog .content').html('<p class="phone-error">验证码错误，请重新输入。<p>');
|
|
303
|
- setTimeout(function(){
|
|
|
|
304
|
- $('.messages').addClass('hidden');
|
|
|
|
305
|
- $('.keep-out').addClass('hidden');
|
|
|
|
306
|
- $('#dialog .content').html(' ')
|
|
|
|
307
|
- }, 1400)
|
|
|
|
308
|
}
|
295
|
}
|
|
309
|
});
|
296
|
});
|
|
310
|
$('.close').on('click', function(){
|
297
|
$('.close').on('click', function(){
|
|
@@ -336,11 +323,23 @@ var num = 0; |
|
@@ -336,11 +323,23 @@ var num = 0; |
|
336
|
if (typeof(wx) == "undefined") {
|
323
|
if (typeof(wx) == "undefined") {
|
|
337
|
return;
|
324
|
return;
|
|
338
|
}
|
325
|
}
|
|
|
|
326
|
+ var shareUrl = "";
|
|
|
|
327
|
+ $.ajax({
|
|
|
|
328
|
+ async : false,
|
|
|
|
329
|
+ url : "/activity/cocacola/CocacolaController/getWechatShareUrl",
|
|
|
|
330
|
+ dataType : "json",
|
|
|
|
331
|
+ success : function(data) {
|
|
|
|
332
|
+ if (!data || data.code != 200) {
|
|
|
|
333
|
+ return;
|
|
|
|
334
|
+ }
|
|
|
|
335
|
+ shareUrl = data.data.wechatShareUrl;
|
|
|
|
336
|
+ }
|
|
|
|
337
|
+ });
|
|
339
|
var _weChatInterface = 'http://www.yohoshow.com/api/wechat/getSignPackage';
|
338
|
var _weChatInterface = 'http://www.yohoshow.com/api/wechat/getSignPackage';
|
|
340
|
- var shareTitle = '来Yoho!Buy有货玩潮流，潮流逛不停';
|
|
|
|
341
|
- var shareImg = 'http://192.168.102.205:8090/activity/cocacola/images/cokeBanner.jpg';
|
339
|
+ var shareTitle = '来Yoho!Buy有货玩潮流，潮流逛不停';
|
|
|
|
340
|
+ var shareImg = 'http://img12.static.yhbimg.com/activity/2016/04/07/11/02b3b297581ace1ca6251f7f9e67ca7937.jpg';
|
|
342
|
var shareDesc = '揭盖赢福利，潮流逛不停';
|
341
|
var shareDesc = '揭盖赢福利，潮流逛不停';
|
|
343
|
- var shareLink = 'https://www.baidu.com/';
|
342
|
+ var shareLink = shareUrl;
|
|
344
|
$.getJSON(_weChatInterface + '?pageurl=' +
|
343
|
$.getJSON(_weChatInterface + '?pageurl=' +
|
|
345
|
encodeURIComponent(location.href.split('#')[0]) + '&callback=?', function(json) {
|
344
|
encodeURIComponent(location.href.split('#')[0]) + '&callback=?', function(json) {
|
|
346
|
var _appId, _timestamp, _nonceStr, _signature;
|
345
|
var _appId, _timestamp, _nonceStr, _signature;
|
