<template>
    <div class="c-null">
        <img class="c-null__img" src="/static/common/cart_null.jpg" alt="">
        <div class="c-null__title">{{ title }}</div>
    </div>
</template>

<script>
    export default {
        name: 'MyNull',

        props: {
            // 标题
            title: {
                type: String,
            },

            // 副标题
            subTitle: {
                type: String,
                default: '',
            },
        },

        // 数据
        data() {
            return {}
        },

        // 初始化
        created() {
        },

        // 函数
        methods: {},

        // 数据计算
        computed: {},

        // 数据监听
        watch: {},
    }
</script>

<style lang="scss" scoped>
    .c-null {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: px(1100);

        &__img {
            width: px(740);
            height: px(371);
        }

        &__title {
            margin-top: px(60);
            font-size: px(38);
            color: #666;
        }
    }
</style>