Authored by 李奇

UI问题修改

@@ -164,8 +164,6 @@ export default class wheelSurf extends PureComponent { @@ -164,8 +164,6 @@ export default class wheelSurf extends PureComponent {
164 }; 164 };
165 165
166 begin = async () => { 166 begin = async () => {
167 - console.log('开始抽奖');  
168 -  
169 this.state.canStart = false; 167 this.state.canStart = false;
170 this.setState({ 168 this.setState({
171 remainCount: this.state.remainCount - 1 169 remainCount: this.state.remainCount - 1
@@ -207,7 +205,7 @@ export default class wheelSurf extends PureComponent { @@ -207,7 +205,7 @@ export default class wheelSurf extends PureComponent {
207 }); 205 });
208 this.state.angle = this.state.stopAngle; 206 this.state.angle = this.state.stopAngle;
209 this.stop(this.state.stopAngle); 207 this.stop(this.state.stopAngle);
210 - }, 3000); 208 + }, 2000);
211 }; 209 };
212 210
213 calcStopAngle = idx => { 211 calcStopAngle = idx => {
@@ -248,7 +246,7 @@ export default class wheelSurf extends PureComponent { @@ -248,7 +246,7 @@ export default class wheelSurf extends PureComponent {
248 }; 246 };
249 247
250 stop = angle => { 248 stop = angle => {
251 - let rotateDeg = angle + 360 * 5; 249 + let rotateDeg = angle + 360 * 3;
252 let randCssName = 'stop_' + (new Date()).getTime(); 250 let randCssName = 'stop_' + (new Date()).getTime();
253 let randCssContent = '{' + 251 let randCssContent = '{' +
254 'transform: rotateZ(' + rotateDeg + 'deg) !important;' + 252 'transform: rotateZ(' + rotateDeg + 'deg) !important;' +
@@ -3,6 +3,7 @@ @@ -3,6 +3,7 @@
3 width: 100%; 3 width: 100%;
4 height: 100%; 4 height: 100%;
5 overflow-x: hidden; 5 overflow-x: hidden;
  6 + font-size: 0;
6 7
7 .main-bg { 8 .main-bg {
8 width: 100%; 9 width: 100%;
@@ -92,6 +92,7 @@ export default class Prize extends PureComponent { @@ -92,6 +92,7 @@ export default class Prize extends PureComponent {
92 </div> 92 </div>
93 </div> 93 </div>
94 <div className="item-bottom"> 94 <div className="item-bottom">
  95 + <div className="fix-line"></div>
95 <span onClick={(event) => this.detail(event, prize)} data-type="other" 96 <span onClick={(event) => this.detail(event, prize)} data-type="other"
96 data-url={prize.type === 2 ? redEnvelopeLink : (prize.type === 3 ? couponLink : '')} 97 data-url={prize.type === 2 ? redEnvelopeLink : (prize.type === 3 ? couponLink : '')}
97 className="detail">去查看 98 className="detail">去查看
@@ -4,6 +4,7 @@ body { @@ -4,6 +4,7 @@ body {
4 4
5 .my-prize-wrap { 5 .my-prize-wrap {
6 padding: 20px 30px; 6 padding: 20px 30px;
  7 + font-size: 0;
7 8
8 .prize-item { 9 .prize-item {
9 background-color: #FFFFFF; 10 background-color: #FFFFFF;
@@ -20,7 +21,6 @@ body { @@ -20,7 +21,6 @@ body {
20 height: 220px; 21 height: 220px;
21 padding: 40px 30px; 22 padding: 40px 30px;
22 box-sizing: border-box; 23 box-sizing: border-box;
23 - border-bottom: 1px solid #e0e0e0;  
24 24
25 .prize-img { 25 .prize-img {
26 position: absolute; 26 position: absolute;
@@ -62,8 +62,19 @@ body { @@ -62,8 +62,19 @@ body {
62 } 62 }
63 63
64 .item-bottom { 64 .item-bottom {
  65 + position: relative;
65 height: 80px; 66 height: 80px;
66 67
  68 + .fix-line {
  69 + position: absolute;
  70 + height: 1px;
  71 + top: 0;
  72 + left: 0;
  73 + right: 0;
  74 + background-color: #e0e0e0;
  75 + transform: scale(1, 0.5);
  76 + }
  77 +
67 .detail { 78 .detail {
68 position: relative; 79 position: relative;
69 height: 80px; 80 height: 80px;