Authored by chenl

调整了我的银行卡样式。review by 草莓。

... ... @@ -31,8 +31,7 @@ export default class BankCardList extends React.Component {
renderRow(rowData, sectionID, rowID, highlightRow) {
return (
<BankCardListCell
cardNo={"6222024301058186063"}
cardBank={"ICBC"}
data={rowData}
/>
);
}
... ...
... ... @@ -17,7 +17,7 @@ export default class BankCardListCell extends React.Component {
}
render() {
let{cardNo, cardBank} = this.props;
let{cardNo, cardBank} = this.props.data;
let bankImg = this.getBankImage(cardBank);
let newCardNo = this.processBankCardNo(cardNo);
... ... @@ -101,6 +101,10 @@ let styles = StyleSheet.create({
flex: 1,
alignItems: 'center',
justifyContent: 'center',
paddingTop: 15 * DEVICE_WIDTH_RATIO,
paddingLeft: 15 * DEVICE_WIDTH_RATIO,
paddingRight: 15 * DEVICE_WIDTH_RATIO,
},
cardBg:{
width: 290 * DEVICE_WIDTH_RATIO,
... ... @@ -109,8 +113,10 @@ let styles = StyleSheet.create({
cardNo:{
position: 'absolute',
top: 60,
left: 200,
top: 85,
left: 100,
color: "white",
fontSize: 22 * DEVICE_WIDTH_RATIO,
}
});
... ...

9.72 KB | W: | H:

13.5 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin