Authored by LakeR

修复秒杀UI review by chenlin

... ... @@ -118,7 +118,6 @@ export default class ProductListView extends Component {
</View>
</View>
</View>
<View style={styles.separator}/>
</View>
</TouchableOpacity>
... ...
... ... @@ -115,10 +115,10 @@ export default class Seckill extends Component {
renderSectionFooter({section: {type}}) {
if (type == SECTION_TYPE_SECKILL) {
return <View style={styles.descriptionContainer}>
<Text style={[styles.descriptionText, {fontWeight: 'bold'}]}>{'秒杀活动说明\n'}</Text>
<Text
numberOfLines={0}
style={styles.descriptionText}>
<Text style={[styles.descriptionText, {fontWeight: 'bold'}]}>{'秒杀活动说明\n'}</Text>
{"1. 秒杀商品限活动开始后,在详情页抢购,提前加入购物车无效;\n2. 秒杀数量有限,抢完即止;\n3. 秒杀商品限购1件, 不能使用优惠券或优惠码;\n4. 活动最终解释权归YOHO!BUY有货所有。"}
</Text>
</View>
... ... @@ -172,6 +172,11 @@ export default class Seckill extends Component {
/>
}
_renderSeparator(sectionID, rowID, adjacentRowHighlighted) {
return (
<View key={'separator' + sectionID + rowID} style={styles.separator}/>
);
}
render() {
... ... @@ -203,6 +208,7 @@ export default class Seckill extends Component {
ListHeaderComponent={this.renderListHeaderComponent}
renderSectionFooter={this.renderSectionFooter}
renderSectionHeader={this.renderSectionHeader}
ItemSeparatorComponent={this._renderSeparator}
stickySectionHeadersEnabled={false}
onRefreshData={() => this.props.onRefresh && this.props.onRefresh()}
sections={sections}
... ... @@ -265,6 +271,7 @@ let styles = StyleSheet.create({
descriptionText: {
color: '#b0b0b0',
fontSize: 12,
lineHeight:17,
},
sectionHeaderContainer: {
width: width,
... ... @@ -281,5 +288,13 @@ let styles = StyleSheet.create({
color: '#444444',
fontFamily: 'PingFang-SC-Medium'
},
separator: {
position: 'absolute',
left: 15,
right: 0,
bottom: 0,
height: 0.5,
backgroundColor: '#e5e5e5',
},
sectionLine: {width: 2, height: 15, backgroundColor: '#444444', marginLeft: 2}
});
... ...