<template>
    <layout-body class="page-detail">
        <header-box slot="header">
            <span slot="left">
                <i class="icon icon-nav"></i>
            </span>
            <span slot="title">
                男士
            </span>
            <span slot="right">
                <i class="icon icon-search"></i>
            </span>
        </header-box>
        <div class="resources">
            <resource-focus-image :value="channel.man[0].data"></resource-focus-image>
        </div>
    </layout-body>
</template>

<script>
    import {
        FETCH_CHANNEL_MAN_REQUEST
    } from 'store/channel/types';
    import {mapState} from 'vuex';
    import components from 'components/resources';

    export default {
        name: 'Cate',
        data() {
            return {
            }
        },
        computed: {
            ...mapState(['channel']),
        },
        asyncData({store}) {
            return store.dispatch(FETCH_CHANNEL_MAN_REQUEST);
        },
        components: {...components}
    };
</script>

<style>

</style>