<template>
    <view class="youhuiitem">
        <view class="left">
            <view>
                <text>￥41</text>
                <text>店铺优惠券</text>
            </view>
            <text>新用户可用</text>
            <text>有效期2018.09.06-2018.10.06</text>
        </view>
        <view class="right">立即领取</view>

    </view>
</template>
<script>
export default {
    name:"youhuiitem"
}
</script>
<style lang="scss" scoped>
.youhuiitem{
    width: 689rpx;
    height: 173rpx;
    padding: 0 60rpx 0 40rpx;
    display: flex;
    align-items: center;
    justify-content: space-between;
    .left{
        display: flex;
        flex-direction: column;
        >text{
            margin-top: 17rpx;
            font-size: 24rpx;
            color: #fff;
        }
        >view{
            display: flex;
            align-items: flex-end;
            color: #fff;
            >text:first-child{
                font-size: 50rpx;
            }
            >text:last-child{
                font-size: 28rpx;
            }
        }
    }
    .right{
        font-size: 32rpx;
        color: #fff;
    }
}
</style>