Authored by chenl

调整生日券样式。review by 李犇。

... ... @@ -40,7 +40,12 @@ export default class CouponAlertView extends React.Component {
<Image style={styles.closeBtn} source={require('../../images/close_btn.png')} />
</TouchableOpacity>
{
notSupportReasons == '1' ? <Text style={styles.notSupportTitle}>{notSupportReasonsTitle}</Text> : null
notSupportReasons == '1' ?
<View style={styles.notSupportContainer}>
<Text style={styles.notSupportTitle}>{notSupportReasonsTitle}</Text>
<Text style={styles.notSupportMessage}>{notSupportReasonsMessage}</Text>
</View>
: null
}
</View>
:
... ... @@ -124,13 +129,27 @@ let styles = StyleSheet.create({
height: 16 * DEVICE_WIDTH_RATIO,
},
notSupportTitle: {
notSupportContainer: {
position:'absolute',
top: 110 * DEVICE_WIDTH_RATIO,
left: 50 * DEVICE_WIDTH_RATIO,
width: 240 * DEVICE_WIDTH_RATIO,
alignItems: 'center',
justifyContent: 'center',
},
notSupportTitle: {
fontSize: 12,
color: '#ffffff',
fontWeight: 'bold',
textAlign: 'center',
},
notSupportMessage: {
fontSize: 9,
color: '#ffffff',
fontWeight: 'bold',
textAlign: 'center',
marginTop: 8 * DEVICE_WIDTH_RATIO,
marginLeft: 5 * DEVICE_WIDTH_RATIO,
},
});
... ...

32.2 KB | W: | H:

29.5 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin