Authored by 盖剑秋

Fix UI issue on classify. reviewed by redding.

@@ -92,13 +92,17 @@ export default class HotCategoryList extends Component { @@ -92,13 +92,17 @@ export default class HotCategoryList extends Component {
92 ...yh_exposureData 92 ...yh_exposureData
93 }; 93 };
94 } 94 }
  95 + let slashTextStyle = {};
  96 + if (rowData.get('category_name') && rowData.get('category_name').indexOf('/') > 0) {
  97 + slashTextStyle = {marginTop: -6 * DEVICE_WIDTH_RATIO}
  98 + }
95 return ( 99 return (
96 <TouchableOpacity yh_exposureData={yh_exposureData} onPress={() => this.props.onPressHotCategoryItem && this.props.onPressHotCategoryItem(rowData.toJS(), rowID)}> 100 <TouchableOpacity yh_exposureData={yh_exposureData} onPress={() => this.props.onPressHotCategoryItem && this.props.onPressHotCategoryItem(rowData.toJS(), rowID)}>
97 <View style={[styles.rowContainer, topMargin]}> 101 <View style={[styles.rowContainer, topMargin]}>
98 {hasImage 102 {hasImage
99 ? <YH_Image style={styles.rowThumbnail} key={imageUrl} url={imageUrl}/> 103 ? <YH_Image style={styles.rowThumbnail} key={imageUrl} url={imageUrl}/>
100 : <View style={styles.rowDefaultImageContainer}><Image style={styles.rowDefaultImage} source={require('../../images/yoho_icon.png')}/></View>} 104 : <View style={styles.rowDefaultImageContainer}><Image style={styles.rowDefaultImage} source={require('../../images/yoho_icon.png')}/></View>}
101 - <View style={styles.rowTextContainer}> 105 + <View style={[styles.rowTextContainer, slashTextStyle]}>
102 <Text style={styles.rowText} numberOfLines={2}>{rowData.get("category_name")}</Text> 106 <Text style={styles.rowText} numberOfLines={2}>{rowData.get("category_name")}</Text>
103 </View> 107 </View>
104 </View> 108 </View>