<template>
  <div class="h-157px flex items-center " v-bind="$attrs" @click="$router.push('product-detail')">
    <!-- <div class="mr-12.5px">
      
    </div> -->
    <img src="/imgs/vip-cover1.png" 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 ">
          这里是期刊名这里是期刊名 是期
        </div>
        <div class="text-size-14px font-normal text-[#686868]">每389期</div>
        <div class="text-size-14px font-normal text-[#686868]">January 2017</div>
        <div class="text-size-14px font-normal text-[#686868]">共20篇</div>
      </div>

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