| @@ -490,16 +490,16 @@ getContentViewItemMerchantName(contentItem) { | |||||
| //排名 rank dom | //排名 rank dom | ||||
| renderRankDom() { | renderRankDom() { | ||||
| let rankDomStack = []; | let rankDomStack = []; | ||||
| adDataList.map((item) => { | |||||
| rankDomStack.push(this.rankItemDom(item)); | |||||
| adDataList.map((item,index) => { | |||||
| rankDomStack.push(this.rankItemDom(item,index)); | |||||
| }) | }) | ||||
| return rankDomStack; | return rankDomStack; | ||||
| } | } | ||||
| //每一条 rank | //每一条 rank | ||||
| rankItemDom(item) { | |||||
| let fontSizeNum = 34/PixelRatio.get(); | |||||
| rankItemDom(item,index) { | |||||
| let fontSizeNum = 40/(PixelRatio.get()); | |||||
| return ( | return ( | ||||
| <View style={styles.rankItemBox}> | |||||
| <View style={styles.rankItemBox} key={index}> | |||||
| {/* <ImageBackground source={require('./image/item-background.png')} resizeMode="stretch" style={styles.rankItemBg}> */} | {/* <ImageBackground source={require('./image/item-background.png')} resizeMode="stretch" style={styles.rankItemBg}> */} | ||||
| <Image style={styles.RankLogo} resizeMode="stretch" source={{uri:item.logoUrl}}></Image> | <Image style={styles.RankLogo} resizeMode="stretch" source={{uri:item.logoUrl}}></Image> | ||||
| <View style={styles.rankContent}> | <View style={styles.rankContent}> | ||||
| @@ -511,7 +511,7 @@ rankItemDom(item) { | |||||
| allowsHalfStars={true} | allowsHalfStars={true} | ||||
| accurateHalfStars={true} | accurateHalfStars={true} | ||||
| emptyStarImage={<Image style={{width:fontSizeNum,height:fontSizeNum}} source={require('./image/star_gray.png')} />} | emptyStarImage={<Image style={{width:fontSizeNum,height:fontSizeNum}} source={require('./image/star_gray.png')} />} | ||||
| filledStarImage={<Image style={{width:fontSizeNum,height:fontSizeNum}} source={require('./image/star_gold.png')} />} | |||||
| filledStarImage={<Image style={{width:fontSizeNum,height:fontSizeNum}} source={require('./image/star_red.png')} />} | |||||
| scoreTextStyle={{color:'#fff'}} | scoreTextStyle={{color:'#fff'}} | ||||
| /> | /> | ||||
| </View> | </View> | ||||
| @@ -523,7 +523,7 @@ rankItemDom(item) { | |||||
| allowsHalfStars={true} | allowsHalfStars={true} | ||||
| accurateHalfStars={true} | accurateHalfStars={true} | ||||
| emptyStarImage={<Image style={{width:fontSizeNum,height:fontSizeNum}} source={require('./image/hot_gray.png')} />} | emptyStarImage={<Image style={{width:fontSizeNum,height:fontSizeNum}} source={require('./image/hot_gray.png')} />} | ||||
| filledStarImage={<Image style={{width:fontSizeNum,height:fontSizeNum}} source={require('./image/hot_gold.png')} />} | |||||
| filledStarImage={<Image style={{width:fontSizeNum,height:fontSizeNum}} source={require('./image/hot_red.png')} />} | |||||
| scoreTextStyle={{color:'#fff'}} | scoreTextStyle={{color:'#fff'}} | ||||
| /> | /> | ||||
| </View> | </View> | ||||
| @@ -1408,6 +1408,7 @@ MyPage = CodePush(codePushOptions)(MyPage); | |||||
| }, | }, | ||||
| //排名的列表样式 | //排名的列表样式 | ||||
| rankItemBox: { | rankItemBox: { | ||||
| position: 'relative', | |||||
| flex: 1, | flex: 1, | ||||
| flexDirection: 'row', | flexDirection: 'row', | ||||
| alignItems: 'center', | alignItems: 'center', | ||||
| @@ -1446,18 +1447,20 @@ MyPage = CodePush(codePushOptions)(MyPage); | |||||
| width: 220/PixelRatio.get(), | width: 220/PixelRatio.get(), | ||||
| height: 220/PixelRatio.get(), | height: 220/PixelRatio.get(), | ||||
| marginLeft: 10/PixelRatio.get(), | marginLeft: 10/PixelRatio.get(), | ||||
| position: 'absolute', | |||||
| top: 34/PixelRatio.get(), | |||||
| right: 20/PixelRatio.get(), | |||||
| }, | }, | ||||
| starTitle: { | starTitle: { | ||||
| fontSize: 34/PixelRatio.get(), | |||||
| fontSize: 30/PixelRatio.get(), | |||||
| }, | }, | ||||
| merchantText: { | merchantText: { | ||||
| fontSize: 40/PixelRatio.get(), | |||||
| fontSize: 34/PixelRatio.get(), | |||||
| fontWeight : 'bold', | fontWeight : 'bold', | ||||
| marginBottom:10/PixelRatio.get(), | |||||
| marginTop:10/PixelRatio.get(), | |||||
| marginBottom: 10/PixelRatio.get(), | |||||
| marginTop: 6/PixelRatio.get(), | |||||
| } | } | ||||
| }); | }); | ||||