@@ -37,7 +37,7 @@ <h3>学历带来的选择差异</h3>
37
37
38
38
39
39
< h3 > 少女偏爱AOV,熟男偏爱华为和小米</ h3 >
40
- < div id ="container ">
40
+ < div class ="container ">
41
41
< div id ="echart4 "> </ div >
42
42
< div id ="echart5 "> </ div >
43
43
</ div >
@@ -57,7 +57,10 @@ <h2>二、手机价格分布</h2>
57
57
58
58
59
59
< h2 > 三、不买肾,攒几个月的钱够买一部IPhone XS?</ h2 >
60
- < div id ="echart8 "> </ div >
60
+ < div class ="container ">
61
+ < div id ="echart8 "> </ div >
62
+ < div id ="iphoneXS "> </ div >
63
+ </ div >
61
64
< p > 国家统计局的数据显示,城镇非私营单位就业人员月平均工资最高10975元,最低 元;人均最高月消费5216元,最低2287元。据此我们可以进行一个粗略的计算,(平均工资-平均消费水平)/手机价格8199。在一线城市正常消费,大约攒4个月的钱就可以拥有一部IPhone XS;在二、三线城市正常生活,购买一部XS大约需要攒钱5-6个月。
62
65
</ p >
63
66
@@ -103,7 +106,7 @@ <h4>五大品牌最新款手机参数对比</h4>
103
106
float : left;
104
107
}
105
108
106
- # container {
109
+ . container {
107
110
overflow : hidden;
108
111
}
109
112
/* 清除浮动 */
@@ -115,16 +118,34 @@ <h4>五大品牌最新款手机参数对比</h4>
115
118
}
116
119
117
120
# echart7 {
118
- height : 400 px ;
119
- width : 80 % ;
121
+ height : 450 px ;
122
+ width : 100 % ;
120
123
margin : 0 auto;
121
124
}
122
125
123
126
# echart8 {
124
- height : 550px ;
125
- width : 80% ;
126
- margin : 0 auto;
127
+ height : 400px ;
128
+ width : 50% ;
129
+ float : left;
130
+ margin-right : 16.3% ;
131
+ }
132
+
133
+ # iphoneXS {
134
+ float : left;
135
+ width : 33.7% ;
136
+ height : 400px ;
137
+ background : url ("iphoneX.jpg" ) no-repeat;
138
+ background-size : cover;
139
+ background-position : center center;
127
140
}
141
+ /* #iphoneXS img {
142
+ position: absolute;
143
+ top: 0;
144
+ bottom: 0;
145
+ left: 0;
146
+ right: 0;
147
+ margin: auto;
148
+ } */
128
149
129
150
# echart9 {
130
151
height : 400px ;
@@ -136,7 +157,7 @@ <h4>五大品牌最新款手机参数对比</h4>
136
157
margin : 0 auto;
137
158
height : 800px ;
138
159
width : 100% ;
139
- background : url ("IMG_17821 .jpg" ) no-repeat;
160
+ background : url ("IMG_17822 .jpg" ) no-repeat;
140
161
background-size : cover;
141
162
background-position : center center;
142
163
/* background-attachment: fixed; */
@@ -1075,10 +1096,10 @@ <h4>五大品牌最新款手机参数对比</h4>
1075
1096
barWidth : 40 ,
1076
1097
itemStyle : {
1077
1098
normal : {
1078
- color : '#9FB6CD '
1099
+ color : '#d58364 '
1079
1100
} ,
1080
1101
emphasis : {
1081
- color : '#9FB6CD '
1102
+ color : '#d58364 '
1082
1103
}
1083
1104
} ,
1084
1105
data : _data1
@@ -1091,10 +1112,10 @@ <h4>五大品牌最新款手机参数对比</h4>
1091
1112
label : _label ,
1092
1113
itemStyle : {
1093
1114
normal : {
1094
- color : '#607B8B '
1115
+ color : '#91c7af '
1095
1116
} ,
1096
1117
emphasis : {
1097
- color : '#607B8B '
1118
+ color : '#91c7af '
1098
1119
}
1099
1120
} ,
1100
1121
data : _data2
@@ -1107,10 +1128,10 @@ <h4>五大品牌最新款手机参数对比</h4>
1107
1128
label : _label ,
1108
1129
itemStyle : {
1109
1130
normal : {
1110
- color : '#C1CDCD '
1131
+ color : '#c33430 '
1111
1132
} ,
1112
1133
emphasis : {
1113
- color : '#C1CDCD '
1134
+ color : '#c33430 '
1114
1135
}
1115
1136
} ,
1116
1137
data : _data3
@@ -1123,10 +1144,10 @@ <h4>五大品牌最新款手机参数对比</h4>
1123
1144
label : _label ,
1124
1145
itemStyle : {
1125
1146
normal : {
1126
- color : '#838B8B '
1147
+ color : '#2e4454 '
1127
1148
} ,
1128
1149
emphasis : {
1129
- color : '#838B8B '
1150
+ color : '#2e4454 '
1130
1151
}
1131
1152
} ,
1132
1153
data : _data4
@@ -1139,10 +1160,10 @@ <h4>五大品牌最新款手机参数对比</h4>
1139
1160
label : _label ,
1140
1161
itemStyle : {
1141
1162
normal : {
1142
- color : '#CDCDC1 '
1163
+ color : '#60a1a9 '
1143
1164
} ,
1144
1165
emphasis : {
1145
- color : '#CDCDC1 '
1166
+ color : '#60a1a9 '
1146
1167
}
1147
1168
} ,
1148
1169
data : _data5
0 commit comments