Преглед изворни кода

[显示][修改]:适配大屏的分辨率

tags/jenkins-front-end-screenad-72-v47^0
hupeng пре 6 година
родитељ
комит
224e763ee9
1 измењених фајлова са 38 додато и 38 уклоњено
  1. +38
    -38
      App.js

+ 38
- 38
App.js Прегледај датотеку

@@ -384,7 +384,7 @@ render() {
<Image source={{ uri: this.state.baseInfo.imgQrcodeWemp, cache: 'force-cache'}} resizeMode='center' style={styles.bottomQrcode2} />
<Text style={styles.bottomQrcode1Str}>公众号</Text>
</View>
<Text style={styles.bottomPlacehold}>{this.state.versionInfo}+{PixelRatio.get()}}</Text>
<Text style={styles.bottomPlacehold}>{this.state.versionInfo}</Text>
</View>

</ImageBackground>
@@ -400,7 +400,7 @@ render() {
backgroundColor:'transparent',
textAlign :'center',
textAlignVertical:'center',
fontSize: 24*PixelRatio.get(),
fontSize: 63/PixelRatio.get(),
color: 'darkblue'
},

@@ -416,8 +416,8 @@ render() {
flex: 6,
flexDirection: 'row',
alignItems: 'center',
paddingLeft:16*PixelRatio.get(),
paddingRight:16*PixelRatio.get(),
paddingLeft:42/PixelRatio.get(),
paddingRight:42/PixelRatio.get(),
backgroundColor:'transparent'
},

@@ -432,8 +432,8 @@ render() {
flex: 2,
flexDirection: 'row',
alignItems: 'center',
paddingLeft:16*PixelRatio.get(),
paddingRight:16*PixelRatio.get(),
paddingLeft:42/PixelRatio.get(),
paddingRight:42/PixelRatio.get(),
backgroundColor:'transparent'
},

@@ -476,24 +476,24 @@ render() {
//layer bottom
bottomLogoBackground: {
flex: 3,
borderRadius:6*PixelRatio.get(),
marginTop: 10*PixelRatio.get(),
marginBottom: 10*PixelRatio.get(),
borderRadius:16/PixelRatio.get(),
marginTop: 26/PixelRatio.get(),
marginBottom: 26/PixelRatio.get(),
backgroundColor:'white'
},
bottomLogo: {
width:'100%',
height:'100%',
borderRadius:10*PixelRatio.get(),
borderRadius:27/PixelRatio.get(),
backgroundColor:'transparent'
},
bottomQrcode1Background : {
flex: 1,
width:'100%',
height:'100%',
marginLeft: 8*PixelRatio.get(),
paddingTop: 10*PixelRatio.get(),
paddingBottom: 4*PixelRatio.get(),
marginLeft: 21/PixelRatio.get(),
paddingTop: 27/PixelRatio.get(),
paddingBottom: 11/PixelRatio.get(),
flexDirection: 'column',
backgroundColor:'transparent'
},
@@ -502,9 +502,9 @@ render() {
flex: 1,
width:'100%',
height:'100%',
marginLeft: 8*PixelRatio.get(),
paddingTop: 10*PixelRatio.get(),
paddingBottom: 4*PixelRatio.get(),
marginLeft: 21/PixelRatio.get(),
paddingTop: 26/PixelRatio.get(),
paddingBottom: 11/PixelRatio.get(),
flexDirection: 'column',
backgroundColor:'transparent'
},
@@ -527,7 +527,7 @@ render() {
flex: 1,
textAlign :'center',
textAlignVertical:'center',
fontSize: 6*PixelRatio.get(),
fontSize: 16/PixelRatio.get(),
color : 'black',
backgroundColor:'transparent'
},
@@ -536,7 +536,7 @@ render() {
flex: 1,
textAlign :'center',
textAlignVertical:'center',
fontSize: 6*PixelRatio.get(),
fontSize: 16/PixelRatio.get(),
color : 'black',
backgroundColor:'transparent'
},
@@ -548,7 +548,7 @@ render() {
backgroundColor:'transparent',
textAlign :'right',
textAlignVertical:'bottom',
fontSize: 10*PixelRatio.get(),
fontSize: 27/PixelRatio.get(),
color : 'gray'
},

@@ -571,8 +571,8 @@ render() {
},

contentItemUpLayer:{
width:80*PixelRatio.get(),
height:58*PixelRatio.get(),
width:210/PixelRatio.get(),
height:153/PixelRatio.get(),
position:'absolute',
backgroundColor:'transparent'
},
@@ -581,9 +581,9 @@ render() {
flex: 3,
width:'100%',
height:'100%',
paddingLeft: 25*PixelRatio.get(),
paddingRight: 20*PixelRatio.get(),
paddingTop: 15*PixelRatio.get(),
paddingLeft: 66/PixelRatio.get(),
paddingRight: 53/PixelRatio.get(),
paddingTop: 40/PixelRatio.get(),
flexDirection: 'row',
alignItems: 'center',
backgroundColor:'transparent'
@@ -593,9 +593,9 @@ render() {
flex: 1,
width:'100%',
height:'100%',
paddingLeft: 25*PixelRatio.get(),
paddingRight: 20*PixelRatio.get(),
paddingBottom: 15*PixelRatio.get(),
paddingLeft: 66/PixelRatio.get(),
paddingRight: 53/PixelRatio.get(),
paddingBottom: 40/PixelRatio.get(),
flexDirection: 'row',
alignItems: 'center',
backgroundColor:'transparent'
@@ -606,7 +606,7 @@ render() {
flex: 5,
width:'100%',
height:'100%',
borderRadius:10*PixelRatio.get(),
borderRadius:27/PixelRatio.get(),
backgroundColor:'transparent'
},

@@ -614,8 +614,8 @@ render() {
flex: 6,
width:'100%',
height:'100%',
paddingLeft: 10*PixelRatio.get(),
paddingRight: 30*PixelRatio.get(),
paddingLeft: 27/PixelRatio.get(),
paddingRight: 79/PixelRatio.get(),
alignItems: 'center',
backgroundColor:'transparent'
},
@@ -636,14 +636,14 @@ render() {
backgroundColor:'transparent',
textAlign :'center',
textAlignVertical:'center',
fontSize: 10*PixelRatio.get(),
fontSize: 27/PixelRatio.get(),
fontWeight : 'bold'
},

contentItemBottomPlacehold:{
flex: 6,
paddingLeft: 10*PixelRatio.get(),
paddingRight: 30*PixelRatio.get(),
paddingLeft: 27/PixelRatio.get(),
paddingRight: 79/PixelRatio.get(),
width:'100%',
height:'100%',
backgroundColor:'transparent',
@@ -667,7 +667,7 @@ render() {
backgroundColor:'transparent',
textAlign :'left',
textAlignVertical:'center',
fontSize: 20*PixelRatio.get(),
fontSize: 53/PixelRatio.get(),
color: 'darkgray'
},

@@ -678,7 +678,7 @@ render() {
backgroundColor:'transparent',
textAlign :'left',
textAlignVertical:'center',
fontSize: 10*PixelRatio.get(),
fontSize: 27/PixelRatio.get(),
color : 'gray'
},

@@ -702,7 +702,7 @@ render() {
backgroundColor:'transparent',
textAlign :'left',
textAlignVertical:'bottom',
fontSize: 32*PixelRatio.get(),
fontSize: 84/PixelRatio.get(),
color : 'red'
},

@@ -710,7 +710,7 @@ render() {
backgroundColor:'transparent',
textAlign :'left',
textAlignVertical:'bottom',
fontSize: 10*PixelRatio.get(),
fontSize: 27/PixelRatio.get(),
color : 'red'
},

@@ -727,7 +727,7 @@ render() {
backgroundColor:'transparent',
textAlign :'left',
textAlignVertical:'bottom',
fontSize: 10*PixelRatio.get(),
fontSize: 27/PixelRatio.get(),
textDecorationLine: 'line-through',
color : 'gray'
},


Loading…
Откажи
Сачувај