...
|
...
|
@@ -23,22 +23,30 @@ export default class TimeForNow extends Component { |
|
|
tickHour,
|
|
|
tickMinute,
|
|
|
tickSecond,
|
|
|
lastNowTime,
|
|
|
} = this.props;
|
|
|
|
|
|
let colorStyle = {color: '#d30018'};
|
|
|
|
|
|
return (
|
|
|
<View style={styles.rowContainerFocus}>
|
|
|
<Text style={[colorStyle,{fontSize: 13, marginTop:16}]}>{time} 抢购中</Text>
|
|
|
{tickTimeOut ? null :
|
|
|
<View style={styles.tickTimeContainer}>
|
|
|
<Text style={[colorStyle,{fontSize: 10}]}>剩余:</Text>
|
|
|
<TimeNumber text={tickHour} />
|
|
|
<TimeNumber text={tickMinute} />
|
|
|
<TimeNumber text={tickSecond} />
|
|
|
</View>}
|
|
|
</View>
|
|
|
);
|
|
|
if (lastNowTime) {
|
|
|
return(
|
|
|
<View style={[styles.rowContainerFocus,{justifyContent: 'center'}]}>
|
|
|
<Text style={[colorStyle,{fontSize: 13}]}>{time} 抢购中</Text>
|
|
|
</View>
|
|
|
);
|
|
|
}else {
|
|
|
return (
|
|
|
<View style={styles.rowContainerFocus}>
|
|
|
<Text style={[colorStyle,{fontSize: 13, marginTop:16, fontWeight:'bold'}]}>{time} 抢购中</Text>
|
|
|
{tickTimeOut ? null :
|
|
|
<View style={styles.tickTimeContainer}>
|
|
|
<Text style={[colorStyle,{fontSize: 10}]}>剩余:</Text>
|
|
|
<TimeNumber text={tickHour} />
|
|
|
<TimeNumber text={tickMinute} />
|
|
|
<TimeNumber text={tickSecond} />
|
|
|
</View>}
|
|
|
</View>
|
|
|
);
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
...
|
...
|
@@ -50,7 +58,6 @@ let styles = StyleSheet.create({ |
|
|
rowContainerFocus: {
|
|
|
flexDirection: 'column',
|
|
|
alignItems: 'center',
|
|
|
|
|
|
width: rowContainerFocusWidth,
|
|
|
height: backgroundHeight,
|
|
|
backgroundColor:'white',
|
...
|
...
|
|