comclib
c02029a5f3
- Spring Boot 后端服务 (hss-home-service) - delivery-miniapp 配送小程序 - website 官网 (Nuxt) - docs 架构设计文档 - Docker 容器化部署配置 Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
17 lines
867 B
Vue
17 lines
867 B
Vue
<script setup lang="ts">
|
|
defineProps<{ title: string; desc: string; type: string }>()
|
|
</script>
|
|
|
|
<template>
|
|
<div class="bg-surface rounded-2xl p-8 border border-gray-100 hover:shadow-md transition-all duration-300">
|
|
<div class="w-12 h-12 rounded-lg bg-primary-50 flex items-center justify-center mb-4">
|
|
<svg class="w-6 h-6 text-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 21h10a2 2 0 002-2V9.414a1 1 0 00-.293-.707l-5.414-5.414A1 1 0 0012.586 3H7a2 2 0 00-2 2v14a2 2 0 002 2z" />
|
|
</svg>
|
|
</div>
|
|
<h3 class="font-bold text-lg mb-2">{{ title }}</h3>
|
|
<p class="text-sm text-text-secondary mb-4">{{ desc }}</p>
|
|
<span class="text-primary font-medium text-sm hover:underline cursor-pointer">下载 {{ type }}</span>
|
|
</div>
|
|
</template>
|