comclib
c02029a5f3
- Spring Boot 后端服务 (hss-home-service) - delivery-miniapp 配送小程序 - website 官网 (Nuxt) - docs 架构设计文档 - Docker 容器化部署配置 Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
20 lines
993 B
Vue
20 lines
993 B
Vue
<script setup lang="ts">
|
|
import { securityItems } from '~/data/siteContent'
|
|
</script>
|
|
|
|
<template>
|
|
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6">
|
|
<div v-for="s in securityItems" :key="s.title"
|
|
class="bg-surface rounded-2xl p-8 border border-gray-100 hover:shadow-md transition-all duration-300">
|
|
<div class="w-10 h-10 rounded-lg bg-primary-50 flex items-center justify-center mb-4">
|
|
<svg class="w-5 h-5 text-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
|
d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z" />
|
|
</svg>
|
|
</div>
|
|
<h3 class="font-bold text-lg mb-2">{{ s.title }}</h3>
|
|
<p class="text-sm text-text-secondary leading-relaxed">{{ s.desc }}</p>
|
|
</div>
|
|
</div>
|
|
</template>
|