<template>
    <div class="parameter">
        <el-tabs v-model="activeName" @tab-click="handleClick">
            <el-tab-pane label="基础参数" name="1">
                <base-comp></base-comp>
            </el-tab-pane>
            <el-tab-pane label="开发参数" name="2">
                <develop-comp></develop-comp>
            </el-tab-pane>
            <el-tab-pane label="支付参数" name="3">
                <pay-comp></pay-comp>
            </el-tab-pane>
        </el-tabs>
    </div>
</template>

<script>
    import BaseComp from './components/base'
    import DevelopComp from './components/develop'
    import PayComp from './components/pay'
    export default {
        name: "parameter",
        components: {
            BaseComp,
            DevelopComp,
            PayComp
        },
        data() {
            return {
                activeName: '1',
            }
        },
        methods: {
            handleClick(tab, event) {
                // console.log(tab, event);
            }
        }
    }
</script>

<style scoped lang="scss">
    .parameter {
        background-color: #eeeeee;
        position: relative;
        padding: 5px 16px 30px;
    }
</style>
