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