Authored by zhangxiaoru

注册成功页

... ... @@ -95,3 +95,20 @@ exports.friendInvite = (req, res) => {
page: 'friend-invite'
});
};
exports.inviteReg = (req, res) => {
let isApp = req.yoho.isApp;
// uid = req.user.uid;
res.render('expand-new/invite-reg', {
pageHeader: headerModel.setNav({
navTitle: '注册完成'
}),
isApp: isApp,
width750: true,
localCss: true,
title: '注册完成',
page: 'invite-reg'
});
};
... ...
... ... @@ -267,5 +267,6 @@ router.get('/my-reward', auth, expand.myReward); // 拓展新客 我的奖励页
router.get('/reward-list', expand.rewardList); // 拓展新客 我的奖励列表
router.get('/reward-detail', auth, expand.rewardDetail); // 拓展新客 我的奖励详情页
router.get('/friend-invite', expand.friendInvite); // 拓展新客 好友邀请页
router.get('/invite-reg', expand.inviteReg); // 注册成功
module.exports = router;
... ...
<div class="invite-reg-page yoho-page">
<div class="tip-top">
<div class="iconfont">&#xe648;</div>
<span class="tip-ward">您已经成功注册为有货会员199元优惠券已到账</span>
</div>
<div class="invite-pass">
<div class="instructions">
1.潮流口令是专属于你一人的潮流身份ID,代表你独 一无二的潮流态度。<br>
1.潮流口令是专属于你一人的潮流身份ID,代表你独 一无二的潮流态度。
</div>
<textarea name="" class="command-textarea" placeholder="请设置15位字符以内的潮流口令"></textarea>
<span class="set"></span>
<span class="guang"></span>
</div>
</div>
\ No newline at end of file
... ...
... ... @@ -115,7 +115,7 @@ let verifyMobile = (req, res, next) => {
let mobile = +req.body.phoneNum;
let area = +(req.body.areaCode || 86);
let inviteCode = +req.body.inviteCode || '';
let inviteCode = req.body.inviteCode || '';
// 判断参数是否合法
if (!_.isNumber(mobile) || !_.isNumber(area)) {
... ...
... ... @@ -7,8 +7,8 @@
<input id="phone-num" class="input phone-num" type="text" placeholder="手机号">
</div>
<div class="input-container row code-container">
<span id="code" class="invite-code">邀请码</span>
<input id="invite-code" class="input code" type="text" placeholder="无邀请码可不填">
<span id="code" class="invite-code">潮流口令</span>
<input id="invite-code" class="input code" type="text" placeholder="好友潮流口令(非必填)">
</div>
{{!--图片验证--}}
... ...
'use strict';
require('activity/invite-reg.page.css');
... ...
... ... @@ -18,6 +18,8 @@ let showErrTip = tip.show;
let requested = false;
require('common');
api.selectCssHack($('#country-select'));
api.bindClearEvt();
... ... @@ -86,6 +88,7 @@ $btnNext.on('touchstart', function() {
};
$.extend(params, result);
$.ajax({
url: '/passport/reg/verifymobile',
type: 'POST',
... ... @@ -112,3 +115,9 @@ $btnNext.on('touchstart', function() {
showErrTip('手机号格式不正确,请重新输入');
}
});
$(function() {
if (window.queryString.inviteCode) {
$('#invite-code').val(window.queryString.inviteCode);
}
});
... ...
.invite-reg-page {
background-color: #b40001;
width: 100%;
.tip-top {
padding-top: 40px;
color: #fff;
text-align: center;
.iconfont {
font-size: 250px;
}
.tip-ward {
font-size: 28px;
width: 350px;
line-height: 45px;
display: inline-block;
}
}
.invite-pass {
margin: 66px 30px 0;
width: 692px;
height: 661px;
background-image: resolve("activity/expand-new/invite-state.png");
background-size: 100%;
background-repeat: no-repeat;
}
}
... ...
... ... @@ -153,7 +153,7 @@ body.passport-body {
.invite-code {
position: absolute;
left: 15PX;
line-height: 2.5;
line-height: 3;
}
.phone-container {
... ... @@ -162,6 +162,7 @@ body.passport-body {
.code-container {
padding-left: 70PX;
font-size: 32px;
}
.input {
... ... @@ -175,6 +176,11 @@ body.passport-body {
border: none;
}
.code {
font-size: 28px;
padding-left: 25PX;
}
.btn {
display: block;
width: 100%;
... ...