Authored by chenl

调整了三级分类的文字样式。review by shixiang。

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