<template>
    <div class="h-157px flex items-center transform " v-bind="$attrs" @click="handleGoTo(item)">
        <!-- <div class="mr-12.5px">

        </div> -->
        <img :src="item.coverUrl" class="w-100px h-133px object-cover mr-12.5px"/>
        <div class="flex flex-col h-full">
            <div class="h-20.5px"></div>

            <div class="flex flex-1 flex-col justify-between">
                <div class="h-28px text-size-14px font-normal text-black ">
                    {{item.name}}
                </div>
                <div class="text-size-14px font-normal text-[#686868]">{{$t('第')}}{{item.num}}{{$t('期')}}</div>
                <div class="text-size-14px font-normal text-[#686868]">{{item.dateStr}}</div>
                <div class="text-size-14px font-normal text-[#686868]">{{$t('共')}}{{item.articleNum}}{{$t('篇')}}</div>
            </div>

            <div class="h-18px"></div>
        </div>

    </div>
</template>

<script>
    export default {
        props: {
            item: {
                type: Object,
                default() {
                    return {};
                }
            }
        },

        methods: {
            handleGoTo(item) {



                this.$router.push('vip-list?refMagazine=' + item.code + '&title=' + `${this.$t('VIP期刊') + '-' + item.name + item.num + '期'}`)
            }
        }
    }
</script>
