| @@ -505,42 +505,44 @@ rankItemDom(item,index) { | |||||
| } | } | ||||
| return ( | return ( | ||||
| <View style={styles.rankItemBox} key={index}> | <View style={styles.rankItemBox} key={index}> | ||||
| {/* <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}> | ||||
| <Text style={styles.merchantText}>{item.merchantName}</Text> | <Text style={styles.merchantText}>{item.merchantName}</Text> | ||||
| <View style={styles.rankRun}> | <View style={styles.rankRun}> | ||||
| <Text style={styles.starTitle}>经营指数: {item.starNum} 分</Text> | <Text style={styles.starTitle}>经营指数: {item.starNum} 分</Text> | ||||
| <StarRatingBar | |||||
| score={item.starNum} | |||||
| allowsHalfStars={true} | |||||
| accurateHalfStars={true} | |||||
| starStyle={curStyleObj} | |||||
| emptyStarImage={<Image style={curStyleObj} source={require('./image/star_gray.png')} />} | |||||
| filledStarImage={<Image style={curStyleObj} source={require('./image/star_red.png')} />} | |||||
| scoreTextStyle={{color:'#fff'}} | |||||
| /> | |||||
| <View style={{height: 28, flexDirection: 'row', alignItems: 'center',}}> | |||||
| <StarRatingBar | |||||
| score={item.starNum} | |||||
| allowsHalfStars={true} | |||||
| accurateHalfStars={true} | |||||
| starStyle={curStyleObj} | |||||
| emptyStarImage={<Image style={curStyleObj} resizeMode="stretch" source={require('./image/star_gray.png')} />} | |||||
| filledStarImage={<Image style={curStyleObj} resizeMode="stretch" source={require('./image/star_red.png')} />} | |||||
| scoreTextStyle={{color:'#fff'}} | |||||
| /> | |||||
| </View> | |||||
| </View> | </View> | ||||
| <View style={styles.rankRun}> | <View style={styles.rankRun}> | ||||
| <Text style={styles.starTitle}>人气指数: {item.starNum} 分</Text> | <Text style={styles.starTitle}>人气指数: {item.starNum} 分</Text> | ||||
| <StarRatingBar | |||||
| score={item.starNum} | |||||
| allowsHalfStars={true} | |||||
| accurateHalfStars={true} | |||||
| starStyle={curStyleObj} | |||||
| emptyStarImage={<Image style={curStyleObj} source={require('./image/hot_gray.png')} />} | |||||
| filledStarImage={<Image style={curStyleObj} source={require('./image/hot_red.png')} />} | |||||
| scoreTextStyle={{color:'#fff'}} | |||||
| /> | |||||
| <View style={{height: 28, flexDirection: 'row', alignItems: 'center',}}> | |||||
| <StarRatingBar | |||||
| score={item.starNum} | |||||
| allowsHalfStars={true} | |||||
| accurateHalfStars={true} | |||||
| starStyle={curStyleObj} | |||||
| emptyStarImage={<Image style={curStyleObj} resizeMode="stretch" source={require('./image/hot_gray.png')} />} | |||||
| filledStarImage={<Image style={curStyleObj} resizeMode="stretch" source={require('./image/hot_red.png')} />} | |||||
| scoreTextStyle={{color:'#fff'}} | |||||
| /> | |||||
| </View> | |||||
| </View> | </View> | ||||
| </View> | </View> | ||||
| <Image source={{uri:item.target.qrCode}} resizeMode="stretch" style={styles.rankQrcodeImg}></Image> | <Image source={{uri:item.target.qrCode}} resizeMode="stretch" style={styles.rankQrcodeImg}></Image> | ||||
| {/* </ImageBackground> */} | |||||
| </View> | </View> | ||||
| ) | ) | ||||
| } | } | ||||
| @@ -1422,10 +1424,8 @@ MyPage = CodePush(codePushOptions)(MyPage); | |||||
| width: '92%', | width: '92%', | ||||
| height: 260/PixelRatio.get(), | height: 260/PixelRatio.get(), | ||||
| backgroundColor: '#fff', | backgroundColor: '#fff', | ||||
| borderRadius: 26/PixelRatio.get(), | |||||
| borderRadius: 18/PixelRatio.get(), | |||||
| marginTop: 20/PixelRatio.get(), | marginTop: 20/PixelRatio.get(), | ||||
| borderWidth: 1, | |||||
| borderColor: 'green', | |||||
| }, | }, | ||||
| rankContent: { | rankContent: { | ||||
| @@ -1438,16 +1438,12 @@ MyPage = CodePush(codePushOptions)(MyPage); | |||||
| alignItems: 'center', | alignItems: 'center', | ||||
| width: '100%', | width: '100%', | ||||
| height: 260/PixelRatio.get(), | height: 260/PixelRatio.get(), | ||||
| borderWidth: 1, | |||||
| borderColor: 'blue', | |||||
| }, | }, | ||||
| RankLogo: { | RankLogo: { | ||||
| width: 220/PixelRatio.get(), | width: 220/PixelRatio.get(), | ||||
| height: 220/PixelRatio.get(), | height: 220/PixelRatio.get(), | ||||
| marginLeft: 30/PixelRatio.get(), | |||||
| borderWidth: 1, | |||||
| borderColor: 'yellow', | |||||
| marginLeft: 14/PixelRatio.get(), | |||||
| }, | }, | ||||
| rankQrcodeImg: { | rankQrcodeImg: { | ||||