comclib
c02029a5f3
- Spring Boot 后端服务 (hss-home-service) - delivery-miniapp 配送小程序 - website 官网 (Nuxt) - docs 架构设计文档 - Docker 容器化部署配置 Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
14 lines
629 B
Vue
14 lines
629 B
Vue
<script setup lang="ts">
|
|
defineProps<{ icon: string; title: string; desc: string }>()
|
|
</script>
|
|
|
|
<template>
|
|
<div class="bg-white rounded-2xl p-6 shadow-sm hover:shadow-md hover:-translate-y-1 transition-all duration-300 border border-gray-50 group">
|
|
<div class="w-12 h-12 rounded-xl bg-primary-50 text-primary flex items-center justify-center mb-4 group-hover:bg-primary group-hover:text-white transition-colors">
|
|
<AppIcon :name="icon" class="w-6 h-6" />
|
|
</div>
|
|
<h3 class="font-bold text-lg mb-2">{{ title }}</h3>
|
|
<p class="text-sm text-text-secondary leading-relaxed">{{ desc }}</p>
|
|
</div>
|
|
</template>
|