Authored by lijing

列表页样式调整

... ... @@ -33,9 +33,10 @@ const _list = (result) => {
if (item.body && item.type === 'pullCoupon') {
Object.assign(obj, {
birthType: true,
name: item.body.name,
collarTime: item.body.collar_time,
useTime: item.body.use_time,
// name: item.body.name,
// collarTime: item.body.collar_time,
// useTime: item.body.use_time,
isCollar: item.body.is_collar === 'Y' ? true : false,
isOverTime: item.body.is_over_time === 'Y' ? true : false
});
... ...
... ... @@ -7,21 +7,13 @@
{{/if}}
<p>
{{#if birthType}}
<a>您的1张优惠券可领取</a>
<a>亲爱的,这是我给您的生日专属礼</a>
{{else}}
<a href="//m.yohobuy.com/home/messageDetail?id={{id}}">{{title}}</a>
{{/if}}
</p>
{{#if birthType}}
<div class="ticket-pic">
<div class="left">
<p>{{name}}</p>
</div>
<div class="right">
<p>使用时间:{{useTime}}</p>
<p>领取时间:{{collarTime}}</p>
</div>
</div>
<div class="ticket-pic"></div>
<div class="ticket-btn">
<div class="ticket-btn-c">
<div>
... ...
... ... @@ -16,41 +16,15 @@
.ticket-pic {
display: block;
width: 580px;
height: 168px;
height: 446px;
overflow: hidden;
margin: 20px auto 30px;
background-image: resolve("me/employ/employ.jpg");
background-image: resolve("me/employ/birth-card.jpg");
background-position: top center;
background-repeat: no-repeat;
background-size: 100% 100%;
color: #fff;
position: relative;
.left {
width: 200px;
height: 168px;
padding: 45px 20px;
float: left;
p {
font-size: 30px;
text-align: center;
color: #fff;
}
}
.right {
width: 380px;
height: 168px;
padding: 50px 40px;
float: left;
p {
font-size: 18px;
color: #fff;
line-height: 35px;
}
}
}
.ticket-btn {
... ... @@ -72,13 +46,14 @@
width: 152px;
height: 50px;
border: solid 2px #d0021b;
color: #d0021b;
color: #fff;
font-size: 24px;
display: block;
text-align: center;
line-height: 50px;
border-radius: 25px;
margin: 0 auto;
background-color: #d0021b;
}
.disable {
... ...