fe / yohobuywap-node · Commits

Go to a project

Authored by 郭成尧
Commit 74e5ba2209a612aedca8229869592aa8b68124fb 1 parent 5b5b0de9

style-modified

Inline Side-by-side
Showing 7 changed files with 38 additions and 20 deletions
... ... @@ -6,10 +6,10 @@
<hr class="box-entry-line">
<div class="grade-bill-box">
<div class="grade-level">
您当前的会员等级为：银卡会员
<span>您当前的会员等级为：银卡会员</span>
</div>
<div class="grade-bill-title">
成长值来源
<span>成长值来源</span>
</div>
<div class="grade-bill-list">
<div class="grade-bill">
... ...
... ... @@ -3,7 +3,6 @@ import $ from 'yoho-jquery';
import echarts from 'echarts';
import Page from 'yoho-page';
class GradeDetailPage extends Page {
constructor() {
super();
... ... @@ -16,16 +15,14 @@ class GradeDetailPage extends Page {
let option = {
backgroundColor: '#2d2d2d',
grid: {
show: false
},
tooltip: {
trigger: 'none'
},
dataZoom: [{
type: 'inside',
startValue: '2月',
endValue: '5月',
endValue: '6月',
zoomLock: true,
zoomOnMouseWheel: false,
filterMode: 'none'
}],
... ... @@ -42,48 +39,65 @@ class GradeDetailPage extends Page {
value: '1月',
textStyle: {
color: '#fff',
fontSize: 12
fontSize: 14
}
}, {
value: '2月',
textStyle: {
color: '#fff',
fontSize: 12
fontSize: 14
}
}, {
value: '3月',
textStyle: {
color: '#fff',
fontSize: 12
fontSize: 14
}
}, {
value: '4月',
textStyle: {
color: '#fff',
fontSize: 12
fontSize: 14
}
}, {
value: '5月',
textStyle: {
color: '#000',
fontWeight: 'bold',
fontSize: 18,
backgroundColor: '#fff'
color: '#fff',
fontSize: 14
}
}, {
value: '6月',
textStyle: {
color: '#fff',
fontSize: 12
color: '#000',
fontSize: 18,
backgroundColor: '#fff'
}
}]
}],
// axisLabel: {
// formatter: function(value) {
// if (value === '6月') {
// return '{current|6} {current|月}';
// }
// },
// rich: {
// normal: {
// color: '#fff',
// fontSize: 14
// },
// current: {
// color: '#fff',
// fontSize: 18
// }
// }
// }
},
yAxis: {
type: 'value',
show: false,
},
series: [{
data: [820, 932, 901, 934, 1290, 1330, 1320],
data: [820, 932, 901, 934, 1290, 1330],
color: ['#A59075'],
symbol: 'circle',
symbolSize: 8,
... ...
... ... @@ -47,8 +47,12 @@
}
.grade-bill-title {
text-align: center;
display: flex;
align-items: center;
justify-content: center;
margin-top: 32px;
height: 60px;
background-image: resolve("activity/grade/BG@2x.png");
}
.grade-bill-list > .grade-bill {
... ...