add moreUI review by hongmo
Showing
1 changed file
with
20 additions
and
3 deletions
@@ -119,10 +119,12 @@ export default class OutletPageListView extends Component { | @@ -119,10 +119,12 @@ export default class OutletPageListView extends Component { | ||
119 | return(<ActivityCell resource={rowData} key = {rowID + 'activityList'} onPressProduct={this.props.onPressProduct}/>); | 119 | return(<ActivityCell resource={rowData} key = {rowID + 'activityList'} onPressProduct={this.props.onPressProduct}/>); |
120 | }else if (sectionID == 'activityMore') { | 120 | }else if (sectionID == 'activityMore') { |
121 | if (rowData == 'more') { | 121 | if (rowData == 'more') { |
122 | + let sourceIcon = require('../../../brandStore/image/filter/brandstore_filter_arrow_down_normal.png'); | ||
122 | return( | 123 | return( |
123 | - <TouchableOpacity activeOpacity={1} style={{width: width,height: 50,backgroundColor: 'red'}} onPress={() => {this.setActivityFliter && this.setActivityFliter();}}> | ||
124 | - <View style={{width: width,height: 50,backgroundColor: 'red'}}> | ||
125 | - <Text>more</Text> | 124 | + <TouchableOpacity activeOpacity={1} style={styles.more} onPress={() => {this.setActivityFliter && this.setActivityFliter();}}> |
125 | + <View style={styles.more}> | ||
126 | + <Text style={styles.moreText}>更多精彩活动</Text> | ||
127 | + <Image source={sourceIcon} style={styles.arrow_down}/> | ||
126 | </View> | 128 | </View> |
127 | </TouchableOpacity> | 129 | </TouchableOpacity> |
128 | ); | 130 | ); |
@@ -236,4 +238,19 @@ let styles = StyleSheet.create({ | @@ -236,4 +238,19 @@ let styles = StyleSheet.create({ | ||
236 | listContainer: { | 238 | listContainer: { |
237 | width: width / 2, | 239 | width: width / 2, |
238 | }, | 240 | }, |
241 | + more: { | ||
242 | + width: width, | ||
243 | + height: 50, | ||
244 | + backgroundColor: 'gray', | ||
245 | + }, | ||
246 | + moreText: { | ||
247 | + color: 'white', | ||
248 | + textAlign: 'center', | ||
249 | + marginTop: 12, | ||
250 | + }, | ||
251 | + arrow_down: { | ||
252 | + width: 20, | ||
253 | + height: 20, | ||
254 | + alignSelf: 'center', | ||
255 | + } | ||
239 | }); | 256 | }); |
-
Please register or login to post a comment