ec.uniapp-master/components/birthday/birthday.vue

<template>
	<view>
		<view class="birthday-box">
		        <view class="mask">
		
		        </view>
		        <view class="box">
		            <view class="title">
		                <image src="https://ibrand-miniprogram.oss-cn-hangzhou.aliyuncs.com/%E5%B0%8F%E7%A8%8B%E5%BA%8F/X.png" @tap="closeBirthdayTap"/>
		                <!--<i class="iconfont icon-cha-"></i>-->
		            </view>
		            <view class="name">
		                亲爱的 <span>{{giftData.user.nick_name}}</span> 祝你生日快乐
		            </view>
		            <view class="coupon-list">
		                <!--赠送积分-->
		                <!--v-if="data.activity.point_status"-->
		                <view class="item point" v-if="giftData.activity.point_status">
		                    <view class="left">
		                        <view class="lable">
		                            <!--赠送111积分-->
		                            赠送 {{giftData.activity.point}} 积分
		                        </view>
		                    </view>
		                    <view class="right">
		
		                    </view>
		                </view>
		
		                <!--积分翻倍-->
		                <!--v-if="data.activity.point_double_status"-->
		                <view class="item" v-if="giftData.activity.point_double_status">
		                    <view class="left">
		                        <view class="lable">
		                            <!--123-->
		                            {{giftData.activity.point_double_title}}
		                        </view>
		                        <view class="time">
		                            <!--456-->
		                            {{giftData.activity.point_double_time}}
		                        </view>
		                    </view>
		                    <div class="right">
		                        <!--X-->
		                        X {{giftData.activity.point_double}}
		                    </div>
		                </view>
		                <!--v-for="item in data.activity.gift" v-show="item.is_receive_coupon" -->
		                <!--优惠券-->
		                <view class="item" v-if="item.is_receive_coupon" v-for="(item,index) in giftData.activity.gift" :key="index">
		                    <view class="left">
		                        <view class="lable">
		                            <!--123-->
		                            {{item.coupon.title}}
		                        </view>
		                        <view class="time">
		                            <!--32121-->
		                            {{item.coupon.usestart_at}} - {{item.coupon.useend_at}}
		                        </view>
		                    </view>
		                    <view class="right">
		                        <!--2323-->
		                        {{item.coupon.label}}
		                    </view>
		                </view>
		            </view>
		            <!--@click="close"-->
		            <view class="buttom" @tap="closeBirthdayTap">
		                <span>我知道了</span>
		            </view>
		        </view>
		    </view>
	</view>
</template>
	
<script>
	export default{
		data(){
			return{
				
			}
		},
		props:{
			isShow:{
				type:Boolean,
				value:''
			},
			giftData:{
				type:Object,
				value:''
			}
		},
			
		methods:{
			closeBirthdayTap(){
				 this.$emit('close');
    }
			
		}
	}
	
</script>

<style rel="stylesheet/less" lang="less">
    @import "birthday";
</style>