| @@ -7,6 +7,7 @@ import { | |||||
| View, | View, | ||||
| Image, | Image, | ||||
| ImageBackground, | ImageBackground, | ||||
| PixelRatio, | |||||
| NativeModules | NativeModules | ||||
| } from 'react-native'; | } from 'react-native'; | ||||
| @@ -383,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}</Text> | |||||
| <Text style={styles.bottomPlacehold}>{this.state.versionInfo}+{PixelRatio.get()}}</Text> | |||||
| </View> | </View> | ||||
| </ImageBackground> | </ImageBackground> | ||||
| @@ -399,7 +400,7 @@ render() { | |||||
| backgroundColor:'transparent', | backgroundColor:'transparent', | ||||
| textAlign :'center', | textAlign :'center', | ||||
| textAlignVertical:'center', | textAlignVertical:'center', | ||||
| fontSize: 24, | |||||
| fontSize: 24*PixelRatio.get(), | |||||
| color: 'darkblue' | color: 'darkblue' | ||||
| }, | }, | ||||
| @@ -415,8 +416,8 @@ render() { | |||||
| flex: 6, | flex: 6, | ||||
| flexDirection: 'row', | flexDirection: 'row', | ||||
| alignItems: 'center', | alignItems: 'center', | ||||
| paddingLeft:16, | |||||
| paddingRight:16, | |||||
| paddingLeft:16*PixelRatio.get(), | |||||
| paddingRight:16*PixelRatio.get(), | |||||
| backgroundColor:'transparent' | backgroundColor:'transparent' | ||||
| }, | }, | ||||
| @@ -431,8 +432,8 @@ render() { | |||||
| flex: 2, | flex: 2, | ||||
| flexDirection: 'row', | flexDirection: 'row', | ||||
| alignItems: 'center', | alignItems: 'center', | ||||
| paddingLeft:16, | |||||
| paddingRight:16, | |||||
| paddingLeft:16*PixelRatio.get(), | |||||
| paddingRight:16*PixelRatio.get(), | |||||
| backgroundColor:'transparent' | backgroundColor:'transparent' | ||||
| }, | }, | ||||
| @@ -475,24 +476,24 @@ render() { | |||||
| //layer bottom | //layer bottom | ||||
| bottomLogoBackground: { | bottomLogoBackground: { | ||||
| flex: 3, | flex: 3, | ||||
| borderRadius:6, | |||||
| marginTop: 10, | |||||
| marginBottom: 10, | |||||
| borderRadius:6*PixelRatio.get(), | |||||
| marginTop: 10*PixelRatio.get(), | |||||
| marginBottom: 10*PixelRatio.get(), | |||||
| backgroundColor:'white' | backgroundColor:'white' | ||||
| }, | }, | ||||
| bottomLogo: { | bottomLogo: { | ||||
| width:'100%', | width:'100%', | ||||
| height:'100%', | height:'100%', | ||||
| borderRadius:10, | |||||
| borderRadius:10*PixelRatio.get(), | |||||
| backgroundColor:'transparent' | backgroundColor:'transparent' | ||||
| }, | }, | ||||
| bottomQrcode1Background : { | bottomQrcode1Background : { | ||||
| flex: 1, | flex: 1, | ||||
| width:'100%', | width:'100%', | ||||
| height:'100%', | height:'100%', | ||||
| marginLeft: 8, | |||||
| paddingTop: 10, | |||||
| paddingBottom: 4, | |||||
| marginLeft: 8*PixelRatio.get(), | |||||
| paddingTop: 10*PixelRatio.get(), | |||||
| paddingBottom: 4*PixelRatio.get(), | |||||
| flexDirection: 'column', | flexDirection: 'column', | ||||
| backgroundColor:'transparent' | backgroundColor:'transparent' | ||||
| }, | }, | ||||
| @@ -501,9 +502,9 @@ render() { | |||||
| flex: 1, | flex: 1, | ||||
| width:'100%', | width:'100%', | ||||
| height:'100%', | height:'100%', | ||||
| marginLeft: 8, | |||||
| paddingTop: 10, | |||||
| paddingBottom: 4, | |||||
| marginLeft: 8*PixelRatio.get(), | |||||
| paddingTop: 10*PixelRatio.get(), | |||||
| paddingBottom: 4*PixelRatio.get(), | |||||
| flexDirection: 'column', | flexDirection: 'column', | ||||
| backgroundColor:'transparent' | backgroundColor:'transparent' | ||||
| }, | }, | ||||
| @@ -526,7 +527,7 @@ render() { | |||||
| flex: 1, | flex: 1, | ||||
| textAlign :'center', | textAlign :'center', | ||||
| textAlignVertical:'center', | textAlignVertical:'center', | ||||
| fontSize: 6, | |||||
| fontSize: 6*PixelRatio.get(), | |||||
| color : 'black', | color : 'black', | ||||
| backgroundColor:'transparent' | backgroundColor:'transparent' | ||||
| }, | }, | ||||
| @@ -535,7 +536,7 @@ render() { | |||||
| flex: 1, | flex: 1, | ||||
| textAlign :'center', | textAlign :'center', | ||||
| textAlignVertical:'center', | textAlignVertical:'center', | ||||
| fontSize: 6, | |||||
| fontSize: 6*PixelRatio.get(), | |||||
| color : 'black', | color : 'black', | ||||
| backgroundColor:'transparent' | backgroundColor:'transparent' | ||||
| }, | }, | ||||
| @@ -547,7 +548,7 @@ render() { | |||||
| backgroundColor:'transparent', | backgroundColor:'transparent', | ||||
| textAlign :'right', | textAlign :'right', | ||||
| textAlignVertical:'bottom', | textAlignVertical:'bottom', | ||||
| fontSize: 10, | |||||
| fontSize: 10*PixelRatio.get(), | |||||
| color : 'gray' | color : 'gray' | ||||
| }, | }, | ||||
| @@ -570,8 +571,8 @@ render() { | |||||
| }, | }, | ||||
| contentItemUpLayer:{ | contentItemUpLayer:{ | ||||
| width:80, | |||||
| height:58, | |||||
| width:80*PixelRatio.get(), | |||||
| height:58*PixelRatio.get(), | |||||
| position:'absolute', | position:'absolute', | ||||
| backgroundColor:'transparent' | backgroundColor:'transparent' | ||||
| }, | }, | ||||
| @@ -580,9 +581,9 @@ render() { | |||||
| flex: 3, | flex: 3, | ||||
| width:'100%', | width:'100%', | ||||
| height:'100%', | height:'100%', | ||||
| paddingLeft: 25, | |||||
| paddingRight: 20, | |||||
| paddingTop: 15, | |||||
| paddingLeft: 25*PixelRatio.get(), | |||||
| paddingRight: 20*PixelRatio.get(), | |||||
| paddingTop: 15*PixelRatio.get(), | |||||
| flexDirection: 'row', | flexDirection: 'row', | ||||
| alignItems: 'center', | alignItems: 'center', | ||||
| backgroundColor:'transparent' | backgroundColor:'transparent' | ||||
| @@ -592,9 +593,9 @@ render() { | |||||
| flex: 1, | flex: 1, | ||||
| width:'100%', | width:'100%', | ||||
| height:'100%', | height:'100%', | ||||
| paddingLeft: 25, | |||||
| paddingRight: 20, | |||||
| paddingBottom: 15, | |||||
| paddingLeft: 25*PixelRatio.get(), | |||||
| paddingRight: 20*PixelRatio.get(), | |||||
| paddingBottom: 15*PixelRatio.get(), | |||||
| flexDirection: 'row', | flexDirection: 'row', | ||||
| alignItems: 'center', | alignItems: 'center', | ||||
| backgroundColor:'transparent' | backgroundColor:'transparent' | ||||
| @@ -605,7 +606,7 @@ render() { | |||||
| flex: 5, | flex: 5, | ||||
| width:'100%', | width:'100%', | ||||
| height:'100%', | height:'100%', | ||||
| borderRadius:10, | |||||
| borderRadius:10*PixelRatio.get(), | |||||
| backgroundColor:'transparent' | backgroundColor:'transparent' | ||||
| }, | }, | ||||
| @@ -613,8 +614,8 @@ render() { | |||||
| flex: 6, | flex: 6, | ||||
| width:'100%', | width:'100%', | ||||
| height:'100%', | height:'100%', | ||||
| paddingLeft: 10, | |||||
| paddingRight: 30, | |||||
| paddingLeft: 10*PixelRatio.get(), | |||||
| paddingRight: 30*PixelRatio.get(), | |||||
| alignItems: 'center', | alignItems: 'center', | ||||
| backgroundColor:'transparent' | backgroundColor:'transparent' | ||||
| }, | }, | ||||
| @@ -635,14 +636,14 @@ render() { | |||||
| backgroundColor:'transparent', | backgroundColor:'transparent', | ||||
| textAlign :'center', | textAlign :'center', | ||||
| textAlignVertical:'center', | textAlignVertical:'center', | ||||
| fontSize: 10, | |||||
| fontSize: 10*PixelRatio.get(), | |||||
| fontWeight : 'bold' | fontWeight : 'bold' | ||||
| }, | }, | ||||
| contentItemBottomPlacehold:{ | contentItemBottomPlacehold:{ | ||||
| flex: 6, | flex: 6, | ||||
| paddingLeft: 10, | |||||
| paddingRight: 30, | |||||
| paddingLeft: 10*PixelRatio.get(), | |||||
| paddingRight: 30*PixelRatio.get(), | |||||
| width:'100%', | width:'100%', | ||||
| height:'100%', | height:'100%', | ||||
| backgroundColor:'transparent', | backgroundColor:'transparent', | ||||
| @@ -666,7 +667,7 @@ render() { | |||||
| backgroundColor:'transparent', | backgroundColor:'transparent', | ||||
| textAlign :'left', | textAlign :'left', | ||||
| textAlignVertical:'center', | textAlignVertical:'center', | ||||
| fontSize: 20, | |||||
| fontSize: 20*PixelRatio.get(), | |||||
| color: 'darkgray' | color: 'darkgray' | ||||
| }, | }, | ||||
| @@ -677,7 +678,7 @@ render() { | |||||
| backgroundColor:'transparent', | backgroundColor:'transparent', | ||||
| textAlign :'left', | textAlign :'left', | ||||
| textAlignVertical:'center', | textAlignVertical:'center', | ||||
| fontSize: 10, | |||||
| fontSize: 10*PixelRatio.get(), | |||||
| color : 'gray' | color : 'gray' | ||||
| }, | }, | ||||
| @@ -701,7 +702,7 @@ render() { | |||||
| backgroundColor:'transparent', | backgroundColor:'transparent', | ||||
| textAlign :'left', | textAlign :'left', | ||||
| textAlignVertical:'bottom', | textAlignVertical:'bottom', | ||||
| fontSize: 32, | |||||
| fontSize: 32*PixelRatio.get(), | |||||
| color : 'red' | color : 'red' | ||||
| }, | }, | ||||
| @@ -709,7 +710,7 @@ render() { | |||||
| backgroundColor:'transparent', | backgroundColor:'transparent', | ||||
| textAlign :'left', | textAlign :'left', | ||||
| textAlignVertical:'bottom', | textAlignVertical:'bottom', | ||||
| fontSize: 10, | |||||
| fontSize: 10*PixelRatio.get(), | |||||
| color : 'red' | color : 'red' | ||||
| }, | }, | ||||
| @@ -726,7 +727,7 @@ render() { | |||||
| backgroundColor:'transparent', | backgroundColor:'transparent', | ||||
| textAlign :'left', | textAlign :'left', | ||||
| textAlignVertical:'bottom', | textAlignVertical:'bottom', | ||||
| fontSize: 10, | |||||
| fontSize: 10*PixelRatio.get(), | |||||
| textDecorationLine: 'line-through', | textDecorationLine: 'line-through', | ||||
| color : 'gray' | color : 'gray' | ||||
| }, | }, | ||||