mobile / YH_RNComponent · Commits

Go to a project

Authored by 孙凯
Commit 120c83cee5fd7d6a91c53eea8e58e243c3625150 1 parent 85203695

修改UI review by 红魔

Inline Side-by-side
Showing 2 changed files with 15 additions and 10 deletions
@@ -72,7 +72,7 @@ export default class HotProducts extends React.Component { @@ -72,7 +72,7 @@ export default class HotProducts extends React.Component {
72 }}> 72 }}>
73 <Image 73 <Image
74 source={require('../../../../image/more.png')} 74 source={require('../../../../image/more.png')}
75 - style={{width: 40, height: 40}} 75 + style={{width: 40, height: 36}}
76 resizeMode={'contain'} 76 resizeMode={'contain'}
77 /> 77 />
78 </TouchableOpacity> 78 </TouchableOpacity>
@@ -126,8 +126,10 @@ const styles = StyleSheet.create({ @@ -126,8 +126,10 @@ const styles = StyleSheet.create({
126 height: 40, 126 height: 40,
127 width: width, 127 width: width,
128 backgroundColor: 'white', 128 backgroundColor: 'white',
129 - borderBottomColor: '#CCC',  
130 - borderBottomWidth: 0.5, 129 + borderBottomColor: '#e5e5e5',
  130 + borderBottomWidth: 1,
  131 + borderTopColor: '#e5e5e5',
  132 + borderTopWidth: 1,
131 }, 133 },
132 text: { 134 text: {
133 textAlign: 'left', 135 textAlign: 'left',
@@ -141,8 +143,9 @@ const styles = StyleSheet.create({ @@ -141,8 +143,9 @@ const styles = StyleSheet.create({
141 thumbnail: { 143 thumbnail: {
142 position: 'absolute', 144 position: 'absolute',
143 width: 40, 145 width: 40,
144 - height: 40,  
145 - bottom: 2, 146 + height: 38,
  147 + top: 1,
  148 + bottom: 1,
146 marginLeft: width - 40, 149 marginLeft: width - 40,
147 backgroundColor: 'transparent', 150 backgroundColor: 'transparent',
148 }, 151 },
@@ -78,9 +78,9 @@ export default class Recommend extends React.Component { @@ -78,9 +78,9 @@ export default class Recommend extends React.Component {
78 } 78 }
79 79
80 let backgroundWidth = width; 80 let backgroundWidth = width;
81 - let backgroundHeight = 40 + Math.ceil(list.length / 4) * itemWidth; 81 + let backgroundHeight = 40 + Math.ceil(list.length / 4) * itemWidth + 30;
82 return ( 82 return (
83 - <View style={{width: backgroundWidth, height:backgroundHeight, backgroundColor:'#f0f0f0'}}> 83 + <View style={{width: backgroundWidth, height:backgroundHeight, backgroundColor:'#f4f7f2'}}>
84 <ListView 84 <ListView
85 contentContainerStyle={styles.contentContainer} 85 contentContainerStyle={styles.contentContainer}
86 dataSource={this.dataSource.cloneWithRows(list)} 86 dataSource={this.dataSource.cloneWithRows(list)}
@@ -111,7 +111,7 @@ const styles = StyleSheet.create({ @@ -111,7 +111,7 @@ const styles = StyleSheet.create({
111 rowContainer: { 111 rowContainer: {
112 borderRightWidth: 1, 112 borderRightWidth: 1,
113 borderBottomWidth: 1, 113 borderBottomWidth: 1,
114 - borderColor: '#CCC', 114 + borderColor: '#e5e5e5',
115 }, 115 },
116 thumbnail: { 116 thumbnail: {
117 width: itemWidth-1, 117 width: itemWidth-1,
@@ -124,7 +124,9 @@ const styles = StyleSheet.create({ @@ -124,7 +124,9 @@ const styles = StyleSheet.create({
124 width:width, 124 width:width,
125 backgroundColor: 'white', 125 backgroundColor: 'white',
126 borderBottomWidth: 1, 126 borderBottomWidth: 1,
127 - borderBottomColor: '#CCC', 127 + borderBottomColor: '#e5e5e5',
  128 + borderTopColor: '#e5e5e5',
  129 + borderTopWidth: 1,
128 }, 130 },
129 itemTitle: { 131 itemTitle: {
130 marginLeft:5, 132 marginLeft:5,
@@ -138,7 +140,7 @@ const styles = StyleSheet.create({ @@ -138,7 +140,7 @@ const styles = StyleSheet.create({
138 fontWeight: 'bold', 140 fontWeight: 'bold',
139 textAlign: 'center', 141 textAlign: 'center',
140 color: 'gray', 142 color: 'gray',
141 - fontSize: 10, 143 + fontSize: 9,
142 }, 144 },
143 text: { 145 text: {
144 textAlign: 'center', 146 textAlign: 'center',