| @@ -288,17 +288,21 @@ getContentViewItem(contentItem, annomation) { | |||
| <Animatable.View animation={annomation} easing="ease-out" duration={1500} delay={500} useNativeDriver ={true} style={styles.contentItem}> | |||
| <ImageBackground source={require('./image/item-background.png')} resizeMode='center' style={styles.contentItemDownLayer} > | |||
| {/* 列表 */} | |||
| <View style={styles.contentItemTop}> | |||
| <Image source={{uri: contentItem.target.coverImg}} resizeMode='cover' style={styles.contentItemTopCoverImg} /> | |||
| <View style={styles.contentItemTopDetail}> | |||
| {/* 券的title */} | |||
| <Text style={styles.contentItemTopDetailTitle} numberOfLines={2} ellipsizeMode="tail">{contentItem.target.title}</Text> | |||
| {/* <Text style={styles.contentItemTopDetailTitle} numberOfLines={2} ellipsizeMode="tail">你好世界你好你是你好宿舍熟话说术后</Text> */} | |||
| {/* <Text style={styles.contentItemTopDetailRemark} numberOfLines={1} ellipsizeMode="tail">{contentItem.target.remark}</Text> */} | |||
| <View style={styles.contentItemTopDetailPrice}> | |||
| {/* 售价 */} | |||
| <View style={styles.contentItemTopDetailCurPrice}> | |||
| <Text style={styles.contentItemTopDetailCurPriceStrUnit}>¥</Text> | |||
| <Text style={styles.contentItemTopDetailCurPriceStr}>{contentItem.target.salePriceStr}</Text> | |||
| </View> | |||
| {/* 面额 */} | |||
| <View style={styles.contentItemTopDetailSalePrice}> | |||
| <Text style={styles.contentItemTopDetailSalePriceStr} >¥{contentItem.target.priceStr}</Text> | |||
| </View> | |||
| @@ -306,17 +310,14 @@ getContentViewItem(contentItem, annomation) { | |||
| </View> | |||
| <Image source={{uri:'data:image/png;base64,'+contentItem.qrcode}} resizeMode='contain' style={styles.contentItemTopQrcode} /> | |||
| </View> | |||
| {/* 优惠券底部商户名称 */} | |||
| <View style={styles.contentItemBottom}> | |||
| <Text style={styles.contentItemBottomMerchantName}>{merchantName}</Text> | |||
| <View style={styles.contentItemBottomPlacehold}></View> | |||
| <Text style={styles.contentItemBottomAction}>{actionText}</Text> | |||
| </View> | |||
| </ImageBackground> | |||
| {this.getContentViewItemUplayer(contentItem)} | |||
| </Animatable.View> | |||
| ) | |||
| } | |||
| @@ -354,21 +355,20 @@ render() { | |||
| return ( | |||
| <ImageBackground style={styles.background} resizeMode='center' source={require('./image/background.png')}> | |||
| {/* 头部title二维码开始 */} | |||
| <View style={styles.title}> | |||
| <View style={styles.titleImagePlace}> | |||
| <Image source={require('./image/title.png')} resizeMode='center' style={styles.titleImage} /> | |||
| </View> | |||
| <ImageBackground source={require('./image/title-qrcode.png') } resizeMode='center' style={styles.titleQrcodeBonder} > | |||
| <View style={styles.titleQrcodePlacehold}></View> | |||
| <Image source={{uri: this.state.baseInfo.imgQrcodeWeapp}} resizeMode='center' style={styles.titleQrcode} /> | |||
| <View style={styles.titleQrcodePlacehold}></View> | |||
| </ImageBackground> | |||
| </View> | |||
| {/* 券列表展示列表开始 */} | |||
| {this.getContentView()} | |||
| {/* 底部商场信息展示开始 */} | |||
| <View style={styles.bottom}> | |||
| <View style={styles.bottomLogoBackground}> | |||
| <Image source={{ uri: this.state.baseInfo.imgUrlH, cache: 'force-cache'}} resizeMode='contain' style={styles.bottomLogo} /> | |||
| @@ -383,7 +383,6 @@ render() { | |||
| </View> | |||
| <Text style={styles.bottomPlacehold}>{this.state.versionInfo}</Text> | |||
| </View> | |||
| </ImageBackground> | |||
| ); | |||
| } | |||
| @@ -610,8 +609,8 @@ render() { | |||
| flex: 6, | |||
| width:'100%', | |||
| height:'100%', | |||
| paddingLeft: 27/PixelRatio.get(), | |||
| paddingRight: 79/PixelRatio.get(), | |||
| paddingLeft: 20/PixelRatio.get(), | |||
| paddingRight: 20/PixelRatio.get(), | |||
| alignItems: 'center', | |||
| backgroundColor:'transparent' | |||
| }, | |||
| @@ -629,6 +628,7 @@ render() { | |||
| width:'100%', | |||
| height:'100%', | |||
| alignItems: 'center', | |||
| color:"black", | |||
| backgroundColor:'transparent', | |||
| textAlign :'center', | |||
| textAlignVertical:'center', | |||
| @@ -657,28 +657,33 @@ render() { | |||
| color: 'darkgray' | |||
| }, | |||
| //layer content item top detail | |||
| // 券的title | |||
| contentItemTopDetailTitle:{ | |||
| flex: 2, | |||
| // height:'100%', | |||
| width:'100%', | |||
| height:'100%', | |||
| marginTop:"2%", | |||
| // borderStyle:"solid", | |||
| // borderWidth:1, | |||
| // borderColor:"red", | |||
| backgroundColor:'transparent', | |||
| textAlign :'left', | |||
| color:"black", | |||
| textAlignVertical:'center', | |||
| fontSize: 53/PixelRatio.get(), | |||
| }, | |||
| /* | |||
| contentItemTopDetailRemark:{ | |||
| flex: 1, | |||
| width:'100%', | |||
| height:'100%', | |||
| backgroundColor:'transparent', | |||
| textAlign :'left', | |||
| textAlignVertical:'center', | |||
| fontSize: 27/PixelRatio.get(), | |||
| color : 'gray' | |||
| }, | |||
| */ | |||
| /* | |||
| contentItemTopDetailRemark:{ | |||
| flex: 1, | |||
| width:'100%', | |||
| height:'100%', | |||
| backgroundColor:'transparent', | |||
| textAlign :'left', | |||
| textAlignVertical:'center', | |||
| fontSize: 27/PixelRatio.get(), | |||
| color : 'gray' | |||
| }, | |||
| */ | |||
| contentItemTopDetailPrice:{ | |||
| flex: 2, | |||
| width:'100%', | |||
| @@ -687,6 +692,7 @@ render() { | |||
| flexDirection: 'row', | |||
| }, | |||
| // 售价的样式 | |||
| contentItemTopDetailCurPrice:{ | |||
| flex: 3, | |||
| width:'100%', | |||
| @@ -713,11 +719,14 @@ render() { | |||
| fontSize: 48/PixelRatio.get(), | |||
| color : 'red' | |||
| }, | |||
| // 面额的样式 | |||
| contentItemTopDetailSalePrice:{ | |||
| flex: 1, | |||
| position:"absolute", | |||
| bottom:0, | |||
| left:0, | |||
| // flex: 1, | |||
| width:'100%', | |||
| height:'100%', | |||
| height:'30%', | |||
| backgroundColor:'transparent', | |||
| }, | |||