<template>
    <div class="coupon-container">
        <NavTitle :more="more">
            <template slot="title">最近10张优惠券</template>
        </NavTitle>
    </div>
</template>

<script>
import NavTitle from './nav-title';
import homeModel from '../../../models/home';

export default {
    name: 'coupon',
    data() {
        return {
            more: 'http://www.baidu.com'
        };
    },
    mounted() {
    },
    methods: {
    },
    components: {
        NavTitle
    }
}
</script>

<style lang="scss" scoped>
.exchange-container {
    .original-order-code {
        float: left;
    }

    .order-code {
        float: right;
    }

    .lg {
        float: left;
    }

    .goods-info {
        height: 66px;
        display: flex;

        img {
            width: 56px;
            height: 66px;
        }

        .right {
            flex: 1;
            margin-left: 10px;
        }

        .goods-name {
            word-break: break-all;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
        }

        .number {
            span {
                width: 50%;
                text-align: left;
                float: left;
            }
        }

        .remark {
            width: 100%;
        }
    }

    .user-info {
        height: auto;
        overflow: hidden;

        span {
            width: 50%;
            float: left;
            line-height: 30px;
        }

        .address {
            width: 100%;
        }
    }
}
</style>