| @@ -497,8 +497,8 @@ renderRankDom() { | |||||
| } | } | ||||
| //每一条 rank | //每一条 rank | ||||
| rankItemDom(item,index) { | rankItemDom(item,index) { | ||||
| // let fontSizeNum = 30/(PixelRatio.get()); | |||||
| let fontSizeNum = 28; | |||||
| let fontSizeNum = 40/(PixelRatio.get()); | |||||
| // let fontSizeNum = 28;{item.merchantName} | |||||
| let curStyleObj = { | let curStyleObj = { | ||||
| width: fontSizeNum, | width: fontSizeNum, | ||||
| height: fontSizeNum, | height: fontSizeNum, | ||||
| @@ -507,35 +507,37 @@ rankItemDom(item,index) { | |||||
| <View style={styles.rankItemBox} key={index}> | <View style={styles.rankItemBox} key={index}> | ||||
| <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> | |||||
| <View style={styles.rankRun}> | |||||
| <Text style={styles.starTitle}>经营指数: {item.starNum} 分</Text> | |||||
| <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'}} | |||||
| /> | |||||
| <Text style={styles.merchantText} numberOfLines={1} ellipsizeMode="tail">法大师傅大师傅士大法大师傅大师傅士大夫法大师傅大师傅士大夫法大师傅大师傅士大夫法大师傅大师傅士大夫法大师傅大师傅士大夫法大师傅大师傅士大夫法大师傅大师傅士大夫法大师傅大师傅士大夫法大师傅大师傅士大夫法大师傅大师傅士大夫法大师傅大师傅士大夫法大师傅大师傅士大夫夫</Text> | |||||
| <View style={styles.rankRunBox}> | |||||
| <View style={styles.rankRun}> | |||||
| <Text style={styles.starTitle}>经营指数: {item.starNum} 分</Text> | |||||
| <View style={{height: 40,marginTop: 17/PixelRatio.get()}}> | |||||
| <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> | |||||
| <View style={styles.rankRun}> | |||||
| <Text style={styles.starTitle}>人气指数: {item.starNum} 分</Text> | |||||
| <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 style={styles.rankRun}> | |||||
| <Text style={styles.starTitle}>人气指数: {item.starNum} 分</Text> | |||||
| <View style={{height: 40,marginTop: 17/PixelRatio.get()}}> | |||||
| <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> | ||||
| @@ -1417,18 +1419,19 @@ MyPage = CodePush(codePushOptions)(MyPage); | |||||
| }, | }, | ||||
| //排名的列表样式 | //排名的列表样式 | ||||
| rankItemBox: { | rankItemBox: { | ||||
| position: 'relative', | |||||
| flex: 1, | flex: 1, | ||||
| flexDirection: 'row', | flexDirection: 'row', | ||||
| alignItems: 'center', | alignItems: 'center', | ||||
| width: '92%', | width: '92%', | ||||
| height: 260/PixelRatio.get(), | |||||
| height: 250/PixelRatio.get(), | |||||
| backgroundColor: '#fff', | backgroundColor: '#fff', | ||||
| borderRadius: 18/PixelRatio.get(), | borderRadius: 18/PixelRatio.get(), | ||||
| marginTop: 20/PixelRatio.get(), | |||||
| marginTop: 30/PixelRatio.get(), | |||||
| }, | }, | ||||
| rankContent: { | rankContent: { | ||||
| flex: 1, | |||||
| flexDirection: 'column', | |||||
| marginLeft: 30/PixelRatio.get(), | marginLeft: 30/PixelRatio.get(), | ||||
| }, | }, | ||||
| @@ -1437,33 +1440,40 @@ MyPage = CodePush(codePushOptions)(MyPage); | |||||
| flexDirection: 'row', | flexDirection: 'row', | ||||
| alignItems: 'center', | alignItems: 'center', | ||||
| width: '100%', | width: '100%', | ||||
| height: 260/PixelRatio.get(), | |||||
| height: 250/PixelRatio.get(), | |||||
| }, | }, | ||||
| RankLogo: { | 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: { | rankQrcodeImg: { | ||||
| width: 220/PixelRatio.get(), | |||||
| height: 220/PixelRatio.get(), | |||||
| width: 200/PixelRatio.get(), | |||||
| height: 200/PixelRatio.get(), | |||||
| marginLeft: 10/PixelRatio.get(), | marginLeft: 10/PixelRatio.get(), | ||||
| position: 'absolute', | |||||
| top: 17/PixelRatio.get(), | |||||
| right: 20/PixelRatio.get(), | |||||
| }, | }, | ||||
| starTitle: { | starTitle: { | ||||
| fontSize: 28/PixelRatio.get(), | fontSize: 28/PixelRatio.get(), | ||||
| }, | }, | ||||
| rankRun: { | |||||
| marginTop: 16/PixelRatio.get(), | |||||
| }, | |||||
| merchantText: { | merchantText: { | ||||
| fontSize: 34/PixelRatio.get(), | fontSize: 34/PixelRatio.get(), | ||||
| fontWeight : 'bold', | fontWeight : 'bold', | ||||
| marginBottom: 10/PixelRatio.get(), | marginBottom: 10/PixelRatio.get(), | ||||
| marginTop: 6/PixelRatio.get(), | |||||
| marginTop: 30/PixelRatio.get(), | |||||
| }, | |||||
| rankRunBox: { | |||||
| flex: 1, | |||||
| flexDirection: 'row', | |||||
| } | } | ||||
| }); | }); | ||||