fe / yohobuywap-node · Commits

Go to a project

Authored by Aiden Xu
Commit 73ca109f3bf5f064685de2753913bbcd43ed2000 1 parent cbc4bfbc

开通有货分期

Inline Side-by-side
Showing 6 changed files with 215 additions and 1 deletions
... ... @@ -171,11 +171,31 @@ const verifyCode = (req, res, next) => {
}).catch(next);
};
const order = (req, res) => {
res.render('installment/order', {
module: 'home',
page: 'installment.order',
navTitle: '我的分期订单',
navBtn: false
});
};
const orderDetail = (req, res) => {
res.render('installment/order-detail', {
module: 'home',
page: 'installment.order-detail',
navTitle: '分期详情',
navBtn: false
});
};
module.exports = {
index,
review,
startingService,
activateService,
verifyCode,
getBankInfo
getBankInfo,
order,
orderDetail
};
... ...
... ... @@ -19,4 +19,6 @@ router.get('/installment/starting-service', installment.startingService); // 分
router.get('/installment/starting-service/verify-code', installment.verifyCode);
router.get('/installment/bank-info', installment.getBankInfo);
router.post('/installment/activate-service', installment.activateService);
router.get('/installment/order', installment.order);
router.get('/installment/order/{:id}', installment.orderDetail);
module.exports = router;
... ...
<div class="installment-order-page">
{{> resources/banner-top}}
<ul class="header">
<li>
<a href="">全部</a>
</li>
<li>
<a href="">还款中</a>
</li>
<li>
<a href="">已还清</a>
</li>
</ul>
<ul class="order-list">
<li>
<div class="image-box">
<img src="" alt="">
</div>
<div class="title-box">
<div>adidas original LMXLALSDLALASLDMKLAD</div>
<div class="date-box">2016/06/19</div>
</div>
<div class="right-box">
<div>¥199.00</div>
<div>还款中1/3</div>
</div>
</li>
<li>
<div class="image-box">
<img src="" alt="">
</div>
<div class="title-box">
<div>adidas original LMXLALSDLALASLDMKLAD</div>
<div class="date-box">2016/06/19</div>
</div>
<div class="right-box">
<div>¥199.00</div>
<div>还款中1/3</div>
</div>
</li>
<li>
<div class="image-box">
<img src="" alt="">
</div>
<div class="title-box">
<div>adidas original LMXLALSDLALASLDMKLAD</div>
<div class="date-box">2016/06/19</div>
</div>
<div class="right-box">
<div>¥199.00</div>
<div>还款中1/3</div>
</div>
</li>
<li>
<div class="image-box">
<img src="" alt="">
</div>
<div class="title-box">
<div>adidas original LMXLALSDLALASLDMKLAD</div>
<div class="date-box">2016/06/19</div>
</div>
<div class="right-box">
<div>¥199.00</div>
<div>还款中1/3</div>
</div>
</li>
<li>
<div class="image-box">
<img src="" alt="">
</div>
<div class="title-box">
<div>adidas original LMXLALSDLALASLDMKLAD</div>
<div class="date-box">2016/06/19</div>
</div>
<div class="right-box">
<div>¥199.00</div>
<div>还款中1/3</div>
</div>
</li>
<li>
<div class="image-box">
<img src="" alt="">
</div>
<div class="title-box">
<div>adidas original LMXLALSDLALASLDMKLAD</div>
<div class="date-box">2016/06/19</div>
</div>
<div class="right-box">
<div>¥199.00</div>
<div>还款中1/3</div>
</div>
</li>
<li>
<div class="image-box">
<img src="" alt="">
</div>
<div class="title-box">
<div>adidas original LMXLALSDLALASLDMKLAD</div>
<div class="date-box">2016/06/19</div>
</div>
<div class="right-box">
<div>¥199.00</div>
<div>还款中1/3</div>
</div>
</li>1 ` `12q345678432123-=aZwertc7773231`1`
<li>
<div class="image-box">
<img src="" alt="">
</div>
<div class="title-box">
<div>adidas original LMXLALSDLALASLDMKLAD</div>
<div class="date-box">2016/06/19</div>
</div>
<div class="right-box">
<div>¥199.00</div>
<div>还款中1/3</div>
</div>
</li>
</ul>
</div>
... ...
@import "installment";
@import "starting-service";
@import "order";
... ...
.installment-order-page {
background: #f0f0f0;
.header {
text-align: center;
height: 90px;
border-bottom: 1px solid #e1e1e1;
background: #fff;
position: fixed;
width: 100%;
li {
display: inline-block;
min-width: 120px;
height: 90px;
line-height: 90px;
}
}
.order-list {
border-top: 1px solid #e1e1e1;
margin-top: 120px;
background: #fff;
li {
padding: 20px 30px;
height: 160px;
border-bottom: 1px solid #e1e1e1;
.image-box,
.title-box,
.date-box {
float: left;
}
.title-box {
margin-left: 22px;
width: 220px;
overflow: hidden;
}
.date-box {
margin-top: 20px;
color: #b1b1b1;
font-size: 24px;
}
img {
width: 90px;
height: 120px;
}
.right-box {
float: right;
font-size: 27px;
text-align: right;
}
}
}
}
... ...