Authored by 李奇

UI问题修改

... ... @@ -164,8 +164,6 @@ export default class wheelSurf extends PureComponent {
};
begin = async () => {
console.log('开始抽奖');
this.state.canStart = false;
this.setState({
remainCount: this.state.remainCount - 1
... ... @@ -207,7 +205,7 @@ export default class wheelSurf extends PureComponent {
});
this.state.angle = this.state.stopAngle;
this.stop(this.state.stopAngle);
}, 3000);
}, 2000);
};
calcStopAngle = idx => {
... ... @@ -248,7 +246,7 @@ export default class wheelSurf extends PureComponent {
};
stop = angle => {
let rotateDeg = angle + 360 * 5;
let rotateDeg = angle + 360 * 3;
let randCssName = 'stop_' + (new Date()).getTime();
let randCssContent = '{' +
'transform: rotateZ(' + rotateDeg + 'deg) !important;' +
... ...
... ... @@ -3,6 +3,7 @@
width: 100%;
height: 100%;
overflow-x: hidden;
font-size: 0;
.main-bg {
width: 100%;
... ...
... ... @@ -92,6 +92,7 @@ export default class Prize extends PureComponent {
</div>
</div>
<div className="item-bottom">
<div className="fix-line"></div>
<span onClick={(event) => this.detail(event, prize)} data-type="other"
data-url={prize.type === 2 ? redEnvelopeLink : (prize.type === 3 ? couponLink : '')}
className="detail">去查看
... ...
... ... @@ -4,7 +4,8 @@ body {
.my-prize-wrap {
padding: 20px 30px;
font-size: 0;
.prize-item {
background-color: #FFFFFF;
height: 300px;
... ... @@ -20,7 +21,6 @@ body {
height: 220px;
padding: 40px 30px;
box-sizing: border-box;
border-bottom: 1px solid #e0e0e0;
.prize-img {
position: absolute;
... ... @@ -62,8 +62,19 @@ body {
}
.item-bottom {
position: relative;
height: 80px;
.fix-line {
position: absolute;
height: 1px;
top: 0;
left: 0;
right: 0;
background-color: #e0e0e0;
transform: scale(1, 0.5);
}
.detail {
position: relative;
height: 80px;
... ...