<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 {create} from './store';

    export default {
        data() {
            return create.call(this);
        }
    };
</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-sub-title {
    color: #c90;
}

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