mobile / YH_RNComponent · Commits

Go to a project

Authored by yoho-js001
Commit 4d0d9e38f979d74de3d79db9d00d4e1e33cf5eef 1 parent 6f4a14eb

调整用户中心UI. reviewed by Boss Ben.

Inline Side-by-side
Showing 2 changed files with 19 additions and 15 deletions
... ... @@ -47,12 +47,12 @@ export default class MineListHeader extends React.Component {
position:'absolute',
right:offset,
top:0,
backgroundColor:'red',
borderColor:'red',
paddingLeft:num<10?4:1,
paddingRight:num<10?4:1,
borderRadius: 10,
borderWidth: (Platform.OS==='ios' ? 3 : 5) / PixelRatio.get(),
backgroundColor:'#d0021b',
paddingLeft:num<10?5:5,
paddingRight:num<10?5:5,
paddingTop: 1.5,
borderRadius: 9,
height: 16,
}}>
<Text style={{color: 'white',
fontSize:10,
... ... @@ -162,14 +162,15 @@ export default class MineListHeader extends React.Component {
}
oHigh = topHeight + oHigh;
let bgImage = Platform.OS === 'ios' ? require('../../image/mine_top_boy.png') : require('../../image/mine_banner_boy.jpg');
let bgHeight = Platform.OS === 'ios' ? 245 : 175;
let bgMarginTop = Platform.OS === 'ios' ? -60 : 0;
let bgPaddingTop = Platform.OS === 'ios' ? 115: 45;
let bgHeight = Platform.OS === 'ios' ? 290 : 175;
let bgMarginTop = Platform.OS === 'ios' ? -95 : 0;
let bgPaddingTop = Platform.OS === 'ios' ? 160: 45;
let paddingContainer =(width - 36*5)/16;
return (
<View style={[styles.container,{height:oHigh}]}>
<Image source={bgImage}
style={{width: width, height: bgHeight,paddingTop:bgPaddingTop, marginTop: bgMarginTop}}
resizeMode={'stretch'}>
resizeMode={'cover'}>
{
profile.uid != '0' ?
... ... @@ -205,8 +206,8 @@ export default class MineListHeader extends React.Component {
{
profile.vip_info.is_student == 0 ? null :
<Image style={{
width: 30,
height: 20,
width: 36,
height: 15,
marginLeft:4,
}} resizeMode={'stretch'}
source={require('../../image/mine_vip_stu.png')}/>
... ... @@ -383,7 +384,7 @@ export default class MineListHeader extends React.Component {
height: 0.5,
backgroundColor: '#e5e5e5',
}}/>
<View style={styles.order_container}>
<View style={[styles.order_container,{paddingLeft: paddingContainer , paddingRight: paddingContainer ,}]}>
<TouchableOpacity onPress={() => this.props.onPressItem('dfkOrder','')}>
<View style={styles.order_content}>
{
... ... @@ -707,7 +708,7 @@ let styles = StyleSheet.create({
height: 50,
paddingTop: 3,
backgroundColor: 'black',
opacity: Platform.OS === 'ios' ? 0.7 : 1.0,
opacity: Platform.OS === 0.78,
},
mine_row_container: {
flexDirection: 'row',
... ... @@ -763,7 +764,8 @@ let styles = StyleSheet.create({
flex: 1,
alignItems: 'center',
justifyContent: 'center',
fontSize: 11,
fontSize: 12,
fontFamily: 'STHeitiSC-Light',
},
top_number_text: {
alignItems: 'center',
... ... @@ -772,6 +774,7 @@ let styles = StyleSheet.create({
fontSize: 14,
textAlignVertical: 'center',
textAlign: 'center',
marginBottom: 0,
},
top_text: {
alignItems: 'center',
... ... @@ -780,6 +783,7 @@ let styles = StyleSheet.create({
fontSize: 13,
textAlignVertical: 'center',
textAlign: 'center',
marginTop: 3,
},
open_text: {
marginTop: 30,
... ...