<template>
	<div class="activity-index h100 w100 bge">
		<zgh-header :title="$route.name"></zgh-header>
		<div class="common-top h100">
			<zgh-swiper-link v-on:slideChange="listenSlideChange" class=" h100" :isFixed="true" :menu="menu" :initialSlide="initSlide" navActive="common-active-border" :swiperOpt="{slidesPerView:5.6}">
				<p v-for="(i,index) in menu.length" :slot="'navEx'+index" class="position-b "></p>
				<div class="w100 h100" v-for="(i,index) in menu.length" :key="index" :slot="'slide'+index">
					<p class="pd5"></p>
					<List4></List4>
				</div>
			</zgh-swiper-link>

		</div>
	</div>
</template>

<script>
	import List4 from '@/page/list/children/list4'
    export default {
        components: {
            List4
        },
        data() {
            return {
                initSlide: 0,
                activeSlideIndex: 0,
                menu: [{
                    catalogname: '全部'
                }, {
                    catalogname: '茶聊会'
                }, {
                    catalogname: '户外'
                }, {
                    catalogname: '公益'
                }, {
                    catalogname: '路演'
                }, {
                    catalogname: '其他'
                }],

            }
        },
        computed: {

        },
        mounted() {
            let vm = this;


        },
        methods: {
            listenSlideChange: function(index) {
                this.activeSlideIndex = index;

            },
            onSearchHandle(searchVal) {
                console.log(searchVal)

            },

        }
    }
</script>

<style lang="less" scoped>
	@import url("../../assets/config.less");
	.activity-index{

	}
	@L: 60;
	@T: 20;
	.list {
		.m-pdB(@L)
	}
</style>
