Authored by 张孝茹

成长值load

... ... @@ -22,7 +22,7 @@ class grouthNewModel extends global.yoho.BaseModel {
if (result && result.code && result.code === 200 && result.data) {
let calculateData = result.data;
calculateData.expireTime = calculateData.expireTime ?
calculateData.expireTime = (calculateData.expireTime && parseInt(calculateData.expireTime, 10) !== 0) ?
moment.unix(calculateData.expireTime).format('YYYY/MM/DD') : '';
return calculateData;
... ...
<div class="grouth-init-page yoho-page">
<div class="anima-img">
<img src="">
<div class="anima-img" >
<div class="loading"></div>
<p class="load-text">成长值初始化...</p>
</div>
{{# initData}}
<div class="grouth-calculate">
... ... @@ -39,29 +40,33 @@
</P>
</div>
{{#if expireTime}}
<div class="calculate-item">
<p class="introduce">
有效期至
</p>
<P class="small-font">{{expireTime}}</P>
</div>
{{/if}}
{{#if levelInfo.privilege}}
<div class="calculate-item">
<p class="introduce">
已为您解锁如下会员权益
</p>
<div class="equities-list">
{{#levelInfo.privilege}}
<div class="list-item">
<div class="item-ico">
<img src="{{pic_big}}">
{{#if expireTime}}
<div class="calculate-item">
<p class="introduce">
已为您解锁如下会员权益
</p>
<div class="equities-list">
{{#levelInfo.privilege}}
<div class="list-item">
<div class="item-ico">
<img src="{{pic_big}}">
</div>
<p class="text">{{title}}</p>
</div>
<p class="text">{{title}}</p>
{{/levelInfo.privilege}}
</div>
{{/levelInfo.privilege}}
</div>
</div>
{{/if}}
{{/if}}
</div>
<div class="vip-btn">开启会员之旅</div>
... ...
... ... @@ -16,9 +16,9 @@ class GrouthInit extends Page {
init() {
setTimeout(function() {
$('.anima-img').fadeOut(1000);
$('.anima-img').hide(1000);
$('.grouth-calculate').show();
}, 2000);
}, 3000);
this.bindEvents();
}
... ...
... ... @@ -9,11 +9,29 @@ body {
.grouth-init-page {
min-height: 100%;
background-color: rgba(0, 0, 0, 0.7);
background-color: rgba(0, 0, 0, 0.8);
.anima-img {
width: 100%;
height: 100%;
padding-top: 550px;
.loading {
width: 150px;
height: 150px;
margin-left: 300px;
background-image: resolve("activity/grade/loading.gif");
background-size: 100% 100%;
background-repeat: no-repeat;
}
.load-text {
width: 100%;
font-size: 28px;
color: #848484;
text-align: center;
margin-top: 10px;
}
}
.grouth-calculate {
... ...