<div class="my-course">
    <template>
        <el-row v-if="specialList.length" :gutter="20">
            <el-col v-for="item in specialList" :key="item.id" :span="6">
                <a :href="(item.is_light ? router.single_details :  router.special_details) + '?id=' + item.id">
                    <el-image :src="item.image" fit="cover"></el-image>
                    <div>
                        <div class="title">{{ item.title }}</div>
                        <div class="label">
                            <el-tag v-for="label in item.label">{{ label }}</el-tag>
                        </div>
                        <div class="money-count">
                            <div class="money-vip">
                                <template v-if="item.pay_type">
                                    <div class="money">￥<span>{{ item.money }}</span></div>
                                    <div class="vip">￥{{ item.member_money }}</div>
                                </template>
                                <div v-else class="money free">免费</div>
                            </div>
                            <div v-if="item.type !== 4 && !item.is_light">共{{ item.count }}节</div>
                        </div>
                    </div>
                </a>
            </el-col>
        </el-row>
        <el-pagination layout="prev, pager, next" :total="count" :page-size="limit" :current-page.sync="page" prev-text="上一页" next-text="下一页"></el-pagination>
    </template>
    <div v-else class="empty"></div>
</div>