<template>
    <div>
        <tab :page="page" :current="currentChannel"></tab>
        <resources :content-code="contentCode"></resources>
    </div>
</template>

<script>
    import qs from 'yoho-qs';
    import cookie from 'yoho-cookie';
    import contentCode from 'content-code';
    import bus from 'common/vue-bus';

    import tab from 'channel/tab.vue';
    import resources from 'component/resources/index.vue';

    const detaultChannel = qs.channel || cookie.get('_Channel') || 'men';

    export default {
        data() {
            return {
                page: 'channel',
                contentCode: contentCode.channel[detaultChannel]
            };
        },
        computed: {
            currentChannel() {
                return +cookie.get('_ChannelIndex') || 0;
            }
        },
        components: {
            tab,
            resources
        },
        created() {
            bus.$on('contentCode.change', (code) => {
                this.contentCode = code;
            });
        }
    };
</script>

<style>
    #channel {
        padding-top: 80px;
    }
</style>