<template>
  <div class="flex bg-white items-center h-87px">
    <div class="relative">
      <img class="w-116px h-65px object-cover" src="/imgs/article_cover1.png" />
      <div class="absolute left-0 top-0 text-white text-size-12px">
        <img class="w-60px h-auto" src="/imgs/cover-tag.png" />
        <span class="absolute top-0 h-full w-full flex items-center ml-6px">VIP尊享</span>
      </div>
    </div>
    <div class="w-10px"></div>
    <div class="flex flex-col flex-1 h-full">
      <div class="h-12px"></div>
      <div class="flex-col flex justify-between h-full items-end">
        <div class="w-full text-size-14px text-[#000] font-normal">
          这里是轮播图推荐内容标题这里是轮播图推荐内容标题
        </div>

        <div class="text-[#B8B8B8] text-size-14px font-medium">2803浏览</div>
      </div>
      <div class="h-14px"></div>
    </div>
  </div>
</template>

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

<style></style>
