调整了三级分类的文字样式。review by shixiang。
Showing
1 changed file
with
9 additions
and
5 deletions
@@ -77,7 +77,7 @@ export default class HotCategoryList extends Component{ | @@ -77,7 +77,7 @@ export default class HotCategoryList extends Component{ | ||
77 | <TouchableOpacity activeOpacity={1} onPress={() => this.props.onPressHotCategoryItem && this.props.onPressHotCategoryItem(rowData.toJS(),rowID)}> | 77 | <TouchableOpacity activeOpacity={1} onPress={() => this.props.onPressHotCategoryItem && this.props.onPressHotCategoryItem(rowData.toJS(),rowID)}> |
78 | <View style={styles.rowContainer}> | 78 | <View style={styles.rowContainer}> |
79 | <Image style={styles.rowThumbnail} source={{uri: imageUrl}}/> | 79 | <Image style={styles.rowThumbnail} source={{uri: imageUrl}}/> |
80 | - <Text style={styles.rowText} numberOfLines={1}>{rowData.get("category_name")}</Text> | 80 | + <View style={styles.rowTextContainer}><Text style={styles.rowText} numberOfLines={2}>{rowData.get("category_name")}</Text></View> |
81 | </View> | 81 | </View> |
82 | </TouchableOpacity> | 82 | </TouchableOpacity> |
83 | ); | 83 | ); |
@@ -119,7 +119,7 @@ let styles = StyleSheet.create({ | @@ -119,7 +119,7 @@ let styles = StyleSheet.create({ | ||
119 | flexDirection: 'row', | 119 | flexDirection: 'row', |
120 | flexWrap: 'wrap', | 120 | flexWrap: 'wrap', |
121 | alignItems:'center', | 121 | alignItems:'center', |
122 | - backgroundColor: '#fdfbff', | 122 | + backgroundColor: '#f5f7f6', |
123 | }, | 123 | }, |
124 | 124 | ||
125 | headerContainer:{ | 125 | headerContainer:{ |
@@ -168,7 +168,7 @@ let styles = StyleSheet.create({ | @@ -168,7 +168,7 @@ let styles = StyleSheet.create({ | ||
168 | 168 | ||
169 | rowContainer:{ | 169 | rowContainer:{ |
170 | width: 70 * DEVICE_WIDTH_RATIO, | 170 | width: 70 * DEVICE_WIDTH_RATIO, |
171 | - height: 70 * DEVICE_WIDTH_RATIO, | 171 | + height: 83 * DEVICE_WIDTH_RATIO, |
172 | paddingLeft: 8.5 * DEVICE_WIDTH_RATIO, | 172 | paddingLeft: 8.5 * DEVICE_WIDTH_RATIO, |
173 | paddingRight: 8.5 * DEVICE_WIDTH_RATIO, | 173 | paddingRight: 8.5 * DEVICE_WIDTH_RATIO, |
174 | justifyContent: 'center', | 174 | justifyContent: 'center', |
@@ -180,9 +180,13 @@ let styles = StyleSheet.create({ | @@ -180,9 +180,13 @@ let styles = StyleSheet.create({ | ||
180 | height: 55 * DEVICE_WIDTH_RATIO, | 180 | height: 55 * DEVICE_WIDTH_RATIO, |
181 | }, | 181 | }, |
182 | 182 | ||
183 | - rowText:{ | 183 | + rowTextContainer:{ |
184 | width: 53 * DEVICE_WIDTH_RATIO, | 184 | width: 53 * DEVICE_WIDTH_RATIO, |
185 | - height: 15 * DEVICE_WIDTH_RATIO, | 185 | + height: 28 * DEVICE_WIDTH_RATIO, |
186 | + marginTop: 2 * DEVICE_WIDTH_RATIO, | ||
187 | + }, | ||
188 | + | ||
189 | + rowText:{ | ||
186 | fontSize: 9 * DEVICE_WIDTH_RATIO, | 190 | fontSize: 9 * DEVICE_WIDTH_RATIO, |
187 | color: '#B0B0B0', | 191 | color: '#B0B0B0', |
188 | textAlign: 'center', | 192 | textAlign: 'center', |
-
Please register or login to post a comment