fashion-ssr-vue3/components/business/categories/comp/temp_item.vue

<script lang='ts' setup>
defineProps({
  item: Object as any,
})
</script>

<template>
  <div class="py-40px px-30px bg-#fff text-center b-rd-12px item">
    <div class="w-80px flex items-center b-rd-50% bg-#f5f0ff mb-30px justify-center h-80px mx-auto">
      <img :src="item.img" alt="" class="w-32px h-32px">
    </div>
    <h3 class="!mb-10px fw-800 text-24px text-#333 line-clamp-2 lh-40px">
      {{ item.title }}
    </h3>
    <div class="text-16px text-#999 lh-22px line-clamp-2">
      {{ item.desc }}
    </div>
  </div>
</template>

<style lang='less' scoped>
    .item {
        box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
    }
</style>