Authored by 孙凯

还原 修改分割线UI代码 review by 红魔

... ... @@ -72,7 +72,7 @@ export default class HotProducts extends React.Component {
}}>
<Image
source={require('../../../../image/more.png')}
style={{width: 40, height: 40}}
style={{width: 40, height: 36}}
resizeMode={'contain'}
/>
</TouchableOpacity>
... ... @@ -126,8 +126,10 @@ const styles = StyleSheet.create({
height: 40,
width: width,
backgroundColor: 'white',
borderBottomColor: '#CCC',
borderBottomWidth: 0.5,
borderBottomColor: '#e5e5e5',
borderBottomWidth: 1,
borderTopColor: '#e5e5e5',
borderTopWidth: 1,
},
text: {
textAlign: 'left',
... ... @@ -141,8 +143,9 @@ const styles = StyleSheet.create({
thumbnail: {
position: 'absolute',
width: 40,
height: 40,
bottom: 2,
height: 38,
top: 1,
bottom: 1,
marginLeft: width - 40,
backgroundColor: 'transparent',
},
... ...
... ... @@ -78,9 +78,9 @@ export default class Recommend extends React.Component {
}
let backgroundWidth = width;
let backgroundHeight = 41 + Math.ceil(list.length / 4) * itemWidth;
let backgroundHeight = 40 + Math.ceil(list.length / 4) * itemWidth + 30;
return (
<View style={{width: backgroundWidth, height:backgroundHeight, backgroundColor:'#f0f0f0'}}>
<View style={{width: backgroundWidth, height:backgroundHeight, backgroundColor:'#f4f7f2'}}>
<ListView
contentContainerStyle={styles.contentContainer}
dataSource={this.dataSource.cloneWithRows(list)}
... ... @@ -109,20 +109,24 @@ const styles = StyleSheet.create({
},
rowContainer: {
borderRightWidth: 1,
borderBottomWidth: 1,
borderColor: '#e5e5e5',
},
thumbnail: {
borderWidth: 0.5,
borderColor: '#CCC',
width: itemWidth,
height: itemWidth,
width: itemWidth-1,
height: itemWidth-1,
},
title: {
alignItems: 'center',
justifyContent: 'center',
height: 40,
width:width,
backgroundColor: 'white',
backgroundColor: 'white',
borderBottomWidth: 1,
borderBottomColor: '#e5e5e5',
borderTopColor: '#e5e5e5',
borderTopWidth: 1,
},
itemTitle: {
marginLeft:5,
... ... @@ -136,7 +140,7 @@ const styles = StyleSheet.create({
fontWeight: 'bold',
textAlign: 'center',
color: 'gray',
fontSize: 10,
fontSize: 9,
},
text: {
textAlign: 'center',
... ...