<template>
  <div @click="$router.push('/article-detail')" v-bind="$attrs" class="relative border-b-1rem border-solid border-[#B8B8B8]">
    <div class="flex mb-22rem  items-center h-165rem">
      <div class="relative">
        <img class="w-270rem h-150rem object-cover" src="/imgs/article_cover1.png" />
        <div class="absolute left-0 top-0 text-white text-size-20rem">
          <img class="w-100rem h-auto" src="/imgs/h5-vip-tag.png" />
          <span class="absolute top-0 h-full w-full flex items-center ml-6rem">VIP尊享</span>
        </div>
      </div>
      <div class="w-19rem"></div>
      <div class="flex flex-col flex-1 h-full justify-between">
        <div class="h-18rem"></div>
        <div class="text-size-30rem text-[#000A04] font-normal">
          这里是轮播图推荐内容标题这里是轮播图推荐内容标题
        </div>

        <div class="h-32rem"></div>
        <div class="text-[#B8B8B8] text-size-24rem font-normal">香港特派员赵圆松</div>
        <div class="flex w-full items-center">
          <div class="flex items-center ">
            <img class="w-26rem h-auto" src="/imgs/time.png" />
            <div class="text-[#B8B8B8] text-size-24rem font-normal ml-5rem">2022-08-09</div>
          </div>
          <div v-if="!$slots.right" class="text-[#B8B8B8] text-size-24rem font-normal ml-auto">
            2803浏览
          </div>
          <slot name="right"></slot>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style>

</style>
