... ... @@ -45,6 +45,7 @@ export default class ProductCategoryList extends React.Component {
}
leftRenderRow(rowData, sectionID, rowID, highlightRow) {
let selectText = this.props.filterNameFactors.get(rowData.get('key'));
let arrow = rowData.get('isSelect') ? <Image style={styles.arrow} source={require('../../../../image/filter_category_select_icon.png')}/> : null;
return (
... ... @@ -53,7 +54,7 @@ export default class ProductCategoryList extends React.Component {
<View style={styles.leftRowText} >
<Text style={styles.title} numberOfLines={1}>
{rowData.get('name')}
{rowData.get('name')}:{" " + selectText}
</Text>
{arrow}
</View>
... ... @@ -101,7 +102,8 @@ export default class ProductCategoryList extends React.Component {
renderRow={this.leftRenderRow}
scrollsToTop={false}
/>
<ListView
<ListView
contentContainerStyle={styles.rightContentContainer}
dataSource={this.dataSourceR.cloneWithRows(subList.toArray())}
renderRow={this.rightRenderRow}
scrollsToTop={false}
... ... @@ -124,8 +126,9 @@ let styles = StyleSheet.create({
left: 0,
width: width,
height: height - 40 - 44 - 64,
backgroundColor: '#f4f4f4',
backgroundColor: '#ffffff',
borderTopColor: '#e0e0e0',
borderLeftColor: '#ffffff',
borderWidth: 0.5,
},
leftContentContainer: {
... ... @@ -133,7 +136,7 @@ let styles = StyleSheet.create({
},
leftRow: {
justifyContent: 'center',
height: 50,
height: 44,
width: rowWidth,
paddingLeft: 15,
backgroundColor: '#ffffff',
... ... @@ -141,13 +144,17 @@ let styles = StyleSheet.create({
leftRowText: {
flexDirection: 'row',
alignItems: 'center',
height: 49.5,
height: 43.5,
width: rowWidth,
},
rightContentContainer: {
backgroundColor: '#f4f4f4',
height: height - 40 - 44 - 64 - 1,
},
rightRow: {
flexDirection: 'column',
justifyContent: 'center',
height: 50,
height: 44,
width: rowWidth,
paddingLeft: 15,
},
... ... @@ -160,11 +167,9 @@ let styles = StyleSheet.create({
},
title: {
fontSize: 17,
fontSize: 14,
color: '#444444',
width: rowWidth - 21,
//flex: 1,
width: rowWidth - 15 - 6,
},
subtitle: {
fontSize: 14,
... ... @@ -176,10 +181,4 @@ let styles = StyleSheet.create({
width: 6,
height: 12,
},
separator: {
width: width,
top: -2,
height: 1,
backgroundColor: '#e5e5e5',
},
});
... ...

1.03 KB | W: | H:

1.1 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

1.21 KB | W: | H:

1.21 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
... ... @@ -108,7 +108,7 @@ let InitialState = Record({
color: '所有颜色', //颜色
price: '所有价格', //价格
sizeKey: '所有尺码', //尺码
p_d: '所有商品', //折扣
p_d: '所有折扣', //折扣
sort: '所有品类', //品类
brand: '所有品牌', //品牌
})),
... ...