Procházet zdrojové kódy

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

tags/jenkins-front-end-screenad-72-v47^0
hupeng před 6 roky
rodič
revize
224e763ee9
1 změnil soubory, kde provedl 38 přidání a 38 odebrání
  1. +38
    -38
      App.js

+ 38
- 38
App.js Zobrazit soubor

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


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


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


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


@@ -476,24 +476,24 @@ render() {
//layer bottom //layer bottom
bottomLogoBackground: { bottomLogoBackground: {
flex: 3, 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' backgroundColor:'white'
}, },
bottomLogo: { bottomLogo: {
width:'100%', width:'100%',
height:'100%', height:'100%',
borderRadius:10*PixelRatio.get(),
borderRadius:27/PixelRatio.get(),
backgroundColor:'transparent' backgroundColor:'transparent'
}, },
bottomQrcode1Background : { bottomQrcode1Background : {
flex: 1, flex: 1,
width:'100%', width:'100%',
height:'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', flexDirection: 'column',
backgroundColor:'transparent' backgroundColor:'transparent'
}, },
@@ -502,9 +502,9 @@ render() {
flex: 1, flex: 1,
width:'100%', width:'100%',
height:'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', flexDirection: 'column',
backgroundColor:'transparent' backgroundColor:'transparent'
}, },
@@ -527,7 +527,7 @@ render() {
flex: 1, flex: 1,
textAlign :'center', textAlign :'center',
textAlignVertical:'center', textAlignVertical:'center',
fontSize: 6*PixelRatio.get(),
fontSize: 16/PixelRatio.get(),
color : 'black', color : 'black',
backgroundColor:'transparent' backgroundColor:'transparent'
}, },
@@ -536,7 +536,7 @@ render() {
flex: 1, flex: 1,
textAlign :'center', textAlign :'center',
textAlignVertical:'center', textAlignVertical:'center',
fontSize: 6*PixelRatio.get(),
fontSize: 16/PixelRatio.get(),
color : 'black', color : 'black',
backgroundColor:'transparent' backgroundColor:'transparent'
}, },
@@ -548,7 +548,7 @@ render() {
backgroundColor:'transparent', backgroundColor:'transparent',
textAlign :'right', textAlign :'right',
textAlignVertical:'bottom', textAlignVertical:'bottom',
fontSize: 10*PixelRatio.get(),
fontSize: 27/PixelRatio.get(),
color : 'gray' color : 'gray'
}, },


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


contentItemUpLayer:{ contentItemUpLayer:{
width:80*PixelRatio.get(),
height:58*PixelRatio.get(),
width:210/PixelRatio.get(),
height:153/PixelRatio.get(),
position:'absolute', position:'absolute',
backgroundColor:'transparent' backgroundColor:'transparent'
}, },
@@ -581,9 +581,9 @@ render() {
flex: 3, flex: 3,
width:'100%', width:'100%',
height:'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', flexDirection: 'row',
alignItems: 'center', alignItems: 'center',
backgroundColor:'transparent' backgroundColor:'transparent'
@@ -593,9 +593,9 @@ render() {
flex: 1, flex: 1,
width:'100%', width:'100%',
height:'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', flexDirection: 'row',
alignItems: 'center', alignItems: 'center',
backgroundColor:'transparent' backgroundColor:'transparent'
@@ -606,7 +606,7 @@ render() {
flex: 5, flex: 5,
width:'100%', width:'100%',
height:'100%', height:'100%',
borderRadius:10*PixelRatio.get(),
borderRadius:27/PixelRatio.get(),
backgroundColor:'transparent' backgroundColor:'transparent'
}, },


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


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


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


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


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


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


Načítá se…
Zrušit
Uložit