mobile / YH_RNComponent · Commits

Go to a project

Authored by 孙凯
Commit 5cf51dea47555b8d4c3e33de9fd3790985038c84 1 parent 3006be63

add 适配 review by daiqiang

Inline Side-by-side
Showing 1 changed file with 19 additions and 8 deletions
... ... @@ -80,7 +80,9 @@ export default class OrderIncome extends Component {
this.props.onPressTab && this.props.onPressTab(this.state.orderType, 1);
}}>
<View style={styles.headerContainer}>
<Text style={[styles.subHeaderText, this.state.orderStatus === 1 ? {color: 'white', backgroundColor: '#444444'} : null]}>已付款</Text>
<View style={[styles.subHeaderContainer, this.state.orderStatus === 1 ? {backgroundColor: '#444444'} : null]}>
<Text style={[styles.subHeaderText, this.state.orderStatus === 1 ? {color: 'white'} : null]}>已付款</Text>
</View>
</View>
</TouchableOpacity>
<TouchableOpacity style={{flex: 1}} activeOpacity={1} onPress={() => {
... ... @@ -88,7 +90,9 @@ export default class OrderIncome extends Component {
this.props.onPressTab && this.props.onPressTab(this.state.orderType, 2);
}}>
<View style={styles.headerContainer}>
<Text style={[styles.subHeaderText, this.state.orderStatus === 2 ? {color: 'white', backgroundColor: '#444444'} : null]}>待结算</Text>
<View style={[styles.subHeaderContainer , this.state.orderStatus === 2 ? {backgroundColor: '#444444'} : null]}>
<Text style={[styles.subHeaderText, this.state.orderStatus === 2 ? {color: 'white'} : null]}>待结算</Text>
</View>
</View>
</TouchableOpacity>
<TouchableOpacity style={{flex: 1}} activeOpacity={1} onPress={() => {
... ... @@ -96,7 +100,9 @@ export default class OrderIncome extends Component {
this.props.onPressTab && this.props.onPressTab(this.state.orderType, 3);
}}>
<View style={styles.headerContainer}>
<Text style={[styles.subHeaderText, this.state.orderStatus === 3 ? {color: 'white', backgroundColor: '#444444'} : null]}>结算中</Text>
<View style={[styles.subHeaderContainer, this.state.orderStatus === 3 ? {backgroundColor: '#444444'} : null]}>
<Text style={[styles.subHeaderText, this.state.orderStatus === 3 ? {color: 'white'} : null]}>结算中</Text>
</View>
</View>
</TouchableOpacity>
</View>
... ... @@ -191,17 +197,22 @@ let styles = StyleSheet.create({
paddingRight: 64,
flexDirection: 'row',
},
subHeaderContainer: {
width: 56,
height: 24,
paddingTop: 3,
paddingBottom: 3,
borderRadius: 100,
backgroundColor: '#f0f0f0',
alignItems: 'center',
justifyContent: 'center',
},
subHeaderText: {
width: 56,
paddingTop: 3,
paddingBottom: 3,
borderRadius: 100,
letterSpacing: -0.16,
fontSize: 12,
color: '#444444',
textAlign: 'center',
fontFamily: 'PingFang-SC-Regular',
backgroundColor: '#f0f0f0',
},
rowView: {
width: width,
... ...