<template>
    <div style=" position: relative;" class="bottom1">
        <el-tabs v-model="activeName2" type="card" @tab-click="handleClick">
            <el-tab-pane label="积分教程" name="first">
                <jcnr></jcnr>
          </el-tab-pane>
        </el-tabs>
    </div>
</template>


<script>
    import jcnr from './jcnr'

    export default {
        components: {jcnr},
        data() {
            return {
                activeName2: 'first'
            };
        },
        methods: {
            handleClick(tab, event) {
                console.log(tab, event);
            }
        }
    };
</script>

<style>
    .bottom1 a {
        position: absolute;
        z-index: 2;
        color: #fff;
        display: block;
        right: 15px;
        top: -50px;
        font-size: 16px;
    }

    .bottom1 a:hover {
        color: #fff;
    }

    .bottom1 .el-tabs__content {
        overflow: visible;
    }

    .bottom1 .el-tabs__nav-wrap {

        padding: 3px 3px 0 3px;
        border-radius: 3px 3px 0 0;
    }

    .bottom1 .el-tabs__item {
        color: #fff;
        border: none;
        font-weight: normal;
    }

    .bottom1 .is-active {
        color: rgba(255, 255, 255, 1);
    }

    .bottom1 .el-tabs__item.is-active {
        color: rgba(255, 255, 255, 1);
    }
</style>
