Showing
4 changed files
with
16 additions
and
5 deletions
@@ -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;' + |
@@ -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; |
-
Please register or login to post a comment