<template>
    <div class="app-container">
        <el-tabs v-model="activeName" type="card">
            <el-tab-pane label="店铺信息" name="1"></el-tab-pane>
            <el-tab-pane label="基础配置" name="2"></el-tab-pane>
            <!-- <el-tab-pane label="通知配置" name="3"></el-tab-pane> -->
        </el-tabs>
        <shopInfo v-if="activeName == 1" />
        <shopSetting v-if="activeName == 2" />
        <notice v-if="activeName == 3" />
    </div>
</template>

<script>
import shopInfo from './components/shopInfo'
import shopSetting from './components/shopSetting'
import notice from './components/notice'

export default {
    components: {
        shopInfo,
        shopSetting,
        notice
    },
    data() {
        return {
            activeName: '1',
        }
    }
}
</script>