<template>
    <ui-shadow-box>
        <div class="h-306rem flex items-center px-24rem " v-bind="$attrs" @click="$router.push('vip-index?refMagazine=' + item.code + '&data=' + encodeURIComponent(JSON.stringify(item)))">

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

                <div class="flex flex-1 flex-col justify-between">
                    <div class="h-100rem text-size-36rem leading-50rem font-normal text-black ">
                        {{item.name}}
                    </div>
                    <div class="text-size-30rem font-300 text-[#686868]">每{{item.num}}期</div>
                    <div class="text-size-30rem font-300 text-[#686868]">{{item.dateStr}}</div>
                    <div class="text-size-30rem font-300 text-[#686868]">共{{item.articleNum}}篇</div>
                </div>

                <div class="h-18rem"></div>
            </div>
        </div>
    </ui-shadow-box>
</template>

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

            }
        }
    }
</script>
