...
|
...
|
@@ -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',
|
...
|
...
|
|