From 224e763ee901a2ee824c95ca895466e52f1ecc05 Mon Sep 17 00:00:00 2001 From: hupeng Date: Tue, 19 Mar 2019 20:40:10 +0800 Subject: [PATCH] =?UTF-8?q?[=E6=98=BE=E7=A4=BA][=E4=BF=AE=E6=94=B9]:?= =?UTF-8?q?=E9=80=82=E9=85=8D=E5=A4=A7=E5=B1=8F=E7=9A=84=E5=88=86=E8=BE=A8?= =?UTF-8?q?=E7=8E=87?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- App.js | 76 +++++++++++++++++++++++++++++----------------------------- 1 file changed, 38 insertions(+), 38 deletions(-) diff --git a/App.js b/App.js index bd912bc..bb02f91 100644 --- a/App.js +++ b/App.js @@ -384,7 +384,7 @@ render() { 公众号 - {this.state.versionInfo}+{PixelRatio.get()}} + {this.state.versionInfo} @@ -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' },