From c30801377b24bd1691af174daeaeffa596863e19 Mon Sep 17 00:00:00 2001 From: caserKing Date: Tue, 17 Sep 2019 00:54:55 +0800 Subject: [PATCH] =?UTF-8?q?=E3=80=90=E5=A4=A7=E5=B1=8F=E3=80=91=E3=80=90?= =?UTF-8?q?=E4=BF=AE=E6=94=B9=E3=80=91=E3=80=90=E6=8E=92=E5=90=8D=E5=B8=83?= =?UTF-8?q?=E5=B1=80=E3=80=91?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- App.js | 94 ++++++++++++++++++++++++++++++++-------------------------- 1 file changed, 52 insertions(+), 42 deletions(-) diff --git a/App.js b/App.js index b33a1ac..9f58ccd 100644 --- a/App.js +++ b/App.js @@ -497,8 +497,8 @@ renderRankDom() { } //每一条 rank rankItemDom(item,index) { - // let fontSizeNum = 30/(PixelRatio.get()); - let fontSizeNum = 28; + let fontSizeNum = 40/(PixelRatio.get()); + // let fontSizeNum = 28;{item.merchantName} let curStyleObj = { width: fontSizeNum, height: fontSizeNum, @@ -507,35 +507,37 @@ rankItemDom(item,index) { - {item.merchantName} - - 经营指数: {item.starNum} 分 - - } - filledStarImage={} - scoreTextStyle={{color:'#fff'}} - /> + 法大师傅大师傅士大法大师傅大师傅士大夫法大师傅大师傅士大夫法大师傅大师傅士大夫法大师傅大师傅士大夫法大师傅大师傅士大夫法大师傅大师傅士大夫法大师傅大师傅士大夫法大师傅大师傅士大夫法大师傅大师傅士大夫法大师傅大师傅士大夫法大师傅大师傅士大夫法大师傅大师傅士大夫夫 + + + 经营指数: {item.starNum} 分 + + } + filledStarImage={} + scoreTextStyle={{color:'#fff'}} + /> + + - - - - 人气指数: {item.starNum} 分 - - } - filledStarImage={} - scoreTextStyle={{color:'#fff'}} - /> + + 人气指数: {item.starNum} 分 + + } + filledStarImage={} + scoreTextStyle={{color:'#fff'}} + /> + @@ -1417,18 +1419,19 @@ MyPage = CodePush(codePushOptions)(MyPage); }, //排名的列表样式 rankItemBox: { - position: 'relative', flex: 1, flexDirection: 'row', alignItems: 'center', width: '92%', - height: 260/PixelRatio.get(), + height: 250/PixelRatio.get(), backgroundColor: '#fff', borderRadius: 18/PixelRatio.get(), - marginTop: 20/PixelRatio.get(), + marginTop: 30/PixelRatio.get(), }, rankContent: { + flex: 1, + flexDirection: 'column', marginLeft: 30/PixelRatio.get(), }, @@ -1437,33 +1440,40 @@ MyPage = CodePush(codePushOptions)(MyPage); flexDirection: 'row', alignItems: 'center', width: '100%', - height: 260/PixelRatio.get(), + height: 250/PixelRatio.get(), }, RankLogo: { - width: 220/PixelRatio.get(), - height: 220/PixelRatio.get(), - marginLeft: 14/PixelRatio.get(), + width: 200/PixelRatio.get(), + height: 200/PixelRatio.get(), + marginLeft: 20/PixelRatio.get(), }, rankQrcodeImg: { - width: 220/PixelRatio.get(), - height: 220/PixelRatio.get(), + width: 200/PixelRatio.get(), + height: 200/PixelRatio.get(), marginLeft: 10/PixelRatio.get(), - position: 'absolute', - top: 17/PixelRatio.get(), - right: 20/PixelRatio.get(), }, starTitle: { fontSize: 28/PixelRatio.get(), }, + rankRun: { + marginTop: 16/PixelRatio.get(), + }, + merchantText: { fontSize: 34/PixelRatio.get(), fontWeight : 'bold', marginBottom: 10/PixelRatio.get(), - marginTop: 6/PixelRatio.get(), + marginTop: 30/PixelRatio.get(), + }, + + rankRunBox: { + flex: 1, + flexDirection: 'row', + } });