소스 검색

【大屏】【修改】【排名布局】

tags/jenkins-front-end-screenad-310-v166^0
caserKing 5 년 전
부모
커밋
c30801377b
1개의 변경된 파일52개의 추가작업 그리고 42개의 파일을 삭제
  1. +52
    -42
      App.js

+ 52
- 42
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) {
<View style={styles.rankItemBox} key={index}>
<Image style={styles.RankLogo} resizeMode="stretch" source={{uri:item.logoUrl}}></Image>
<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 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>
@@ -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',

}

});

불러오는 중...
취소
저장