<template>
    <div class="tab-top-fixed">
        <tab :page="page"></tab>
    </div>
    <div class="resources">
        <resources :content-code.sync="contentCode"></resources>
    </div>
</template>
<style>
    .tab-top-fixed {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 99;
    }

    .resources {
        margin-top: 100px;
    }
</style>
<script>
    const contentCode = require('content-code');
    const qs = require('yoho-qs');
    const cookie = require('yoho-cookie');

    const tab = require('channel/tab.vue');
    const resources = require('component/resources/index.vue');

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

    module.exports = {
        data() {
            return {
                page: 'cate',
                contentCode: contentCode.cate[detaultChannel]
            };
        },
        components: {
            tab,
            resources
        }
    };
</script>