<template>
    <div>
        <Row>
            <Steps :current="step.value">
                <Step title="类目选择"></Step>
                <Step title="基础信息"></Step>
                <Step title="网销信息"></Step>
            </Steps>
        </Row>

        <Row>
            <router-view :step="step" :product="product"></router-view>
        </Row>
    </div>
</template>
<script>

    import makeProduct from './store';

    export default {
        data() {
            return {
                step: {
                    value: 0
                },
                product: makeProduct()
            };
        }
    };
</script>

<style lang="scss">


    .create-group {
        font-size: 18px;
        font-weight: bold;
        line-height: 40px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .create-group-indicator {
        display: inline-block;
        border: 3px solid black;
        height: 20px;
        vertical-align: text-top;
    }

    .create-group-title {

    }

    .create-group-sub-title {
        color: #CC9900;
    }

    .create-item-title {
        font-size: 15px;
        font-weight: bold;
        background-color: #FAFAFA;
        height: 40px;
        line-height: 40px;
        margin-bottom: 20px;
        margin-top: 20px;
    }

</style>