<template>
  <ui-shadow-box>
  <div class="h-306rem flex items-center px-24rem " v-bind="$attrs" @click="$router.push('product-detail')">

    <img src="/imgs/vip-cover1.png" 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 ">
          这里是期刊名这里是期刊名 是期
        </div>
        <div class="text-size-30rem font-300 text-[#686868]">每389期</div>
        <div class="text-size-30rem font-300 text-[#686868]">January 2017</div>
        <div class="text-size-30rem font-300 text-[#686868]">共20篇</div>
      </div>

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