|
|
@@ -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' |
|
|
|
}, |
|
|
|