<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>