Bladeren bron

[样式][新增]:砍价角标添加

tags/jenkins-front-end-screenad-53
hupeng 6 jaren geleden
bovenliggende
commit
3ff426f33f
1 gewijzigde bestanden met toevoegingen van 59 en 36 verwijderingen
  1. +59
    -36
      App.js

+ 59
- 36
App.js Bestand weergeven

@@ -192,38 +192,42 @@ render() {


<View style={styles.content}>
<ImageBackground source={require('./image/item-background.png')} resizeMode='center' style={styles.contentItem} >
<View style={styles.contentItemTop}>
<Image source={{uri: this.state.contentItem1.coverImg}} resizeMode='cover' style={styles.contentItemTopCover} />
<View style={styles.contentItemTopDetail}>
<Text style={styles.contentItemTopDetailTitle}>{this.state.contentItem1.target.title}</Text>
<Text style={styles.contentItemTopDetailRemark}>{this.state.contentItem1.target.remark}</Text>
<View style={styles.contentItemTopDetailPrice}>
<View style={styles.contentItemTopDetailCurPrice}>
<Text style={styles.contentItemTopDetailCurPriceStr}>{this.state.contentItem1.target.priceStr}</Text>
<Text style={styles.contentItemTopDetailCurPriceStrUnit}>元</Text>
</View>
<View style={styles.contentItemTopDetailSalePrice}>
<Text style={styles.contentItemTopDetailSalePriceStr} >{this.state.contentItem1.target.salePriceStr}元</Text>
</View>
</View>
</View>
<Image source={{uri:'data:image/png;base64,'+this.state.contentItem1.qrcode}} resizeMode='contain' style={styles.contentItemTopQrcode} />
</View>

<View style={styles.contentItemBottom}>
<Text style={styles.contentItemBottomMerchantName}>肯德基</Text>
<View style={styles.contentItemBottomPlacehold}></View>
<Text style={styles.contentItemBottomAction}>扫码领取</Text>
</View>

</ImageBackground>

<View style={styles.contentItem}>

<ImageBackground source={require('./image/item-background.png')} resizeMode='center' style={styles.contentItem} >
<ImageBackground source={require('./image/item-background.png')} resizeMode='center' style={styles.contentItemDownLayer} >
<View style={styles.contentItemTop}>
<Image source={{uri: this.state.contentItem1.coverImg}} resizeMode='cover' style={styles.contentItemTopCover} />
<View style={styles.contentItemTopDetail}>
<Text style={styles.contentItemTopDetailTitle}>{this.state.contentItem1.target.title}</Text>
<Text style={styles.contentItemTopDetailRemark}>{this.state.contentItem1.target.remark}</Text>
<View style={styles.contentItemTopDetailPrice}>
<View style={styles.contentItemTopDetailCurPrice}>
<Text style={styles.contentItemTopDetailCurPriceStr}>{this.state.contentItem1.target.priceStr}</Text>
<Text style={styles.contentItemTopDetailCurPriceStrUnit}>元</Text>
</View>
<View style={styles.contentItemTopDetailSalePrice}>
<Text style={styles.contentItemTopDetailSalePriceStr} >{this.state.contentItem1.target.salePriceStr}元</Text>
</View>
</View>
</View>
<Image source={{uri:'data:image/png;base64,'+this.state.contentItem1.qrcode}} resizeMode='contain' style={styles.contentItemTopQrcode} />
</View>

<View style={styles.contentItemBottom}>
<Text style={styles.contentItemBottomMerchantName}>肯德基</Text>
<View style={styles.contentItemBottomPlacehold}></View>
<Text style={styles.contentItemBottomAction}>扫码领取</Text>
</View>

</ImageBackground>

<Image source={require('./image/discount.png')} resizeMode='center' style={styles.contentItemUpLayer} />

</View>
<View style={styles.contentItem}>
<ImageBackground source={require('./image/item-background.png')} resizeMode='center' style={styles.contentItemDownLayer} >

<View style={styles.contentItemTop}>
@@ -252,9 +256,11 @@ render() {
</View>

</ImageBackground>
<Image source={require('./image/discount.png')} resizeMode='center' style={styles.contentItemUpLayer} />
</View>


<ImageBackground source={require('./image/item-background.png')} resizeMode='center' style={styles.contentItem} >
<View style={styles.contentItem}>
<ImageBackground source={require('./image/item-background.png')} resizeMode='center' style={styles.contentItemDownLayer} >

<View style={styles.contentItemTop}>
@@ -283,6 +289,8 @@ render() {
</View>

</ImageBackground>
<Image source={require('./image/discount.png')} resizeMode='center' style={styles.contentItemUpLayer} />
</View>
</View>

<View style={styles.bottom}>
@@ -360,12 +368,12 @@ render() {
},

titleQrcodePlacehold: {
flex: 2,
backgroundColor:'blue'
flex: 5,
backgroundColor:'transparent'
},

titleQrcode: {
flex: 2,
flex: 6,
width:'100%',
height:'100%',
backgroundColor:'transparent'
@@ -412,10 +420,25 @@ render() {
width:'100%',
height:'100%',
flexDirection: 'column',
backgroundColor:'transparent'
},

contentItemDownLayer:{
position:'absolute',
width:'100%',
height:'100%',
flexDirection: 'column',
alignItems: 'center',
backgroundColor:'transparent'
},

contentItemUpLayer:{
width:80,
height:60,
position:'absolute',
backgroundColor:'transparent'
},

contentItemTop:{
flex: 3,
width:'100%',
@@ -503,7 +526,7 @@ render() {
textAlign :'left',
textAlignVertical:'center',
fontSize: 24,
color: 'black'
color: 'darkgray'
},

contentItemTopDetailRemark:{


Laden…
Annuleren
Opslaan