<template>
    <div>
        <tab :page="page"></tab>
        <brand-search></brand-search>
        <resources :content-code.sync="contentCode"></resources>
        <brand-list :channel="channel"></brand-list>
    </div>
</template>
<script>
    import contentCode from 'content-code';
    import qs from 'yoho-qs';
    import cookie from 'yoho-cookie';

    import tab from 'channel/tab.vue';
    import resources from 'component/resources/index.vue';
    import brandList from 'channel/brand-list.vue';
    import brandSearch from 'channel/brand-search.vue';

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

    export default {
        data() {
            return {
                page: 'brand',
                channel: detaultChannel,
                contentCode: contentCode.brand[detaultChannel]
            };
        },
        components: {
            tab,
            brandSearch,
            resources,
            brandList
        }
    };
</script>

<style>
 #brand-list {
     padding-top: 90px;
 }
</style>