<template>
    <tab v-bind:page="page"></tab>
    <brand-search></brand-search>
    <resources v-bind:content-code.sync="contentCode"></resources>
    <brand-list v-bind:channel="channel"></brand-list>
</template>
<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 brandList = require('channel/brand-list.vue');
    const brandSearch = require('channel/brand-search.vue');

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

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

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