Authored by 郭成尧

Merge branch 'feature/growthdetail' into release/6.5.3

... ... @@ -29,6 +29,7 @@ const _processGraphData = (rawListData) => {
textStyle: {
color: '#000',
fontSize: 18,
fontWeight: 400,
padding: [3, 2, 2, 5],
backgroundColor: {
image: '//cdn.yoho.cn/grade/yuefen@2x.png'
... ... @@ -41,6 +42,7 @@ const _processGraphData = (rawListData) => {
textStyle: {
color: '#fff',
fontSize: 14,
fontWeight: 400,
padding: [4, 0, 0, 0]
}
});
... ...
... ... @@ -13,7 +13,7 @@ function droitHtml(contents) {
item.content = {
banner: banner,
intros: [
{title: '特权介绍', data: ['自物流签收日起7天之内可以退货,15天之内可以换货(以快递公司的物流签收日期为准)。']},
{title: '特权介绍', data: ['自物流签收日起7天之内可以退货,15天之内可以换货(以快递公司的物流签收日期为准)。']},
{title: '其他说明', data: ['退换货政策详细说明请见<a href=//m.yohobuy.com/service/chatQaList?openby:yohobuy={"action":"go.sfhome"} style="text-decoration: underline;color: red;">app服务与反馈-售后问题-退换货政策</a>。']},
],
interlocution: []
... ... @@ -22,7 +22,7 @@ function droitHtml(contents) {
item.content = {
banner: banner,
intros: [
{title: '特权介绍', data: ['普通商品下单后24小时安排发货,部分特殊商品除外。']},
{title: '特权介绍', data: ['普通商品下单后24小时安排发货,部分特殊商品除外。']},
{title: '其他说明', data: ['预售商品发货时间以商品页面标注为准。', '部分品牌需要调货,发货周期会有一定延长,发货时间以下单页面提示为准。']},
],
interlocution: []
... ... @@ -31,7 +31,7 @@ function droitHtml(contents) {
item.content = {
banner: banner,
intros: [
{title: '特权介绍', data: ['会员在有货平台上购买符合活动范围的商品时,可享受固定的折扣。会员等级越高,享受的折扣力度越大。']},
{title: '特权介绍', data: ['会员在有货平台上购买符合活动规则的商品时,可享受对应等级的折扣。会员等级越高,享受的折扣力度越大。']},
{title: '折扣说明', data: ['银卡会员享9.5折优惠,金卡会员享9折优惠,白金卡会员享8.8折优惠。']},
],
interlocution: []
... ... @@ -40,25 +40,24 @@ function droitHtml(contents) {
item.content = {
banner: banner,
intros: [
{title: '特权介绍', data: ['会员专享生日福利,等级越高,价值越高,具体以你实际领取为准。']},
{title: '特权介绍', data: ['会员专享生日福利,等级越高,优惠力度越大,具体以实际领取为准。']},
{title: '权益对象', data: ['银卡及以上会员、且已完善个人生日信息才可领取生日福利券。']},
{title: '领取说明', data: [
'生日福利券在生日当月可领,领取后有效期15天。',
'生日福利券在生日当月可领,领取后有效期15天。',
'生日福利券可在<a href=//m.yohobuy.com/service/chatQaList?openby:yohobuy={"action":"go.sfhome"} style="text-decoration: underline;color: red;">消息中心-我的资产</a>页面领取。',
'若你在上述时间段内未领取,将无法补发生日礼包哦。'
'生日福利券一年内(365天)仅限领取一次。',
'若在上述时间段内未领取,将无法补发生日福利。'
]},
],
interlocution: [
{q: '如何完善生日信息?', a: ['未填写生日的会员,可至“个人中心”点击头像填写生日。']},
{q: '为什么没有领取到生日礼包?', a: ['a. 请确认个人资料中是否已维护生日信息。', 'b. 生日福利仅针对银卡及以上会员发放。', 'c. 生日福利每年(365天)仅限领取一次。']}
]
};
} else if (item.displayName === '免邮服务') {
item.content = {
banner: banner,
intros: [
{title: '特权介绍', data: ['金卡会员每月可享3次普通快递免邮、白金会员每月可享5次顺丰快递免邮(顺丰无法触达地区将改发其他快递)。']},
{title: '使用说明', data: ['免邮次数每月一日更新,会员等级升级时,免邮次数当天更新。', '金卡会员可消耗一次免邮次数将已达到免邮门槛的普通快递订单升级至顺丰快递。']},
{title: '特权介绍', data: ['金卡及以上会员享受限定次数的免费送达服务。']},
{title: '使用说明', data: [
'金卡会员每月可享3次普通快递免邮,白金会员每月可享5次顺丰快递免邮(顺丰无法触达地区将改发其他快递)。',
'免邮次数每月一日更新,会员等级升级时,免邮次数当天更新。', '金卡会员可消耗一次免邮次数将已达到免邮门槛的普通快递订单升级至顺丰快递。']},
],
interlocution: []
};
... ...
... ... @@ -17,6 +17,7 @@
<span>成长值来源</span>
</div>
<div class="grade-bill-list" id="gradeBillList">
<div class="no-data hide">暂未获得成长值</div>
</div>
</div>
</div>
... ...
... ... @@ -20,13 +20,13 @@
</div>
<div class="calculate-item">
<p class="introduce">
过去365天一共消费了
过去365天一共消费了
</p>
<P class="numerical">{{yearCost}} <b class="unit"></b></P>
</div>
<div class="calculate-item">
<p class="introduce">
累计成长值(购物金额=成长值)
当前成长值
</p>
<P class="numerical">{{growthValue}}</P>
<p class="supplement">超越了<b class="percent">{{exceedRate}}%</b>的YOHO!FAMILY成员</p>
... ...
... ... @@ -19,7 +19,8 @@ class GradeDetailPage extends Page {
gradeBillList: $('#gradeBillList'),
loadingMask: $('#loadingMask'),
loadingLogoText: $('#loadingMask > .loading-logo, #loadingMask > .loading-text'),
navBack: $('.nav-back')
navBack: $('.nav-back'),
noData: $('.no-data')
};
this.eGradeGraph = echarts.init(this.view.gradeGraph[0]);
... ... @@ -129,7 +130,7 @@ class GradeDetailPage extends Page {
}
if (isInit) {
tip.show('没有成长值详情数据');
this.view.noData.removeClass('hide');
} else {
tip.show('没有更多数据了');
}
... ...
... ... @@ -23,6 +23,7 @@
.grade-detail-page {
> .user-defined-header > .nav-title {
font-size: 32px;
font-weight: 500;
}
.grade-graph {
... ... @@ -32,6 +33,15 @@
margin-right: auto;
}
.no-data {
margin-top: 160px;
text-align: center;
margin-bottom: 120px;
color: #ccc;
font-weight: 400;
font-size: 22px;
}
.loading-mask {
margin-top: 104px;
width: 100%;
... ... @@ -95,12 +105,13 @@
margin-left: auto;
margin-right: auto;
width: 600px;
box-shadow: 0 16px 16px 0 #ddd;
box-shadow: 0 8px 32px 0 #ccc;
background: #fff;
border: none;
padding-top: 28px;
padding-bottom: 40px;
color: #444;
font-weight: 500;
.grade-level {
text-align: center;
... ... @@ -132,7 +143,6 @@
.grade-bill-left > .time {
margin-top: 4px;
font-size: 18px;
font-weight: 300;
color: #444;
}
... ... @@ -140,7 +150,6 @@
display: flex;
align-items: center;
font-size: 18px;
font-weight: 300;
color: #ccc;
}
}
... ...
... ... @@ -4,6 +4,7 @@
> .user-defined-header > .nav-title {
font-size: 32px;
font-weight: 500;
}
.droit-nav {
... ... @@ -44,7 +45,7 @@
bottom: 0;
left: 50%;
margin-left: -8px;
margin-bottom: -8px;
margin-bottom: -12px;
transform: rotate(45deg);
}
}
... ... @@ -83,7 +84,7 @@
.droit-nav-content .interlocution {
.interlocution-item {
border-top: 1px solid #d8d8d8;
border-top: 1PX solid #d8d8d8;
padding: 30px 0;
}
... ...
... ... @@ -48,8 +48,8 @@ body {
}
.head-pic {
width: 200px;
height: 200px;
width: 180px;
height: 180px;
border-radius: 100px;
border: 4px solid #fff;
margin: 0 auto;
... ... @@ -120,6 +120,7 @@ body {
.vip-le {
width: 160px;
display: inline-block;
margin-top: 10px;
}
.vip-ico {
... ... @@ -128,7 +129,7 @@ body {
background-size: 100% 100%;
background-repeat: no-repeat;
position: relative;
top: -44px;
top: -48px;
left: 166px;
}
... ... @@ -165,7 +166,7 @@ body {
.list-item {
color: #fff;
margin-right: 30px;
margin-right: 60px;
margin-top: 44px;
display: inline-block;
height: 100%;
... ... @@ -208,7 +209,7 @@ body {
text-align: center;
font-size: 34px;
color: #000;
border-radius: 38px;
border-radius: 44px;
margin: 75px 0 0 216px;
}
}
... ...