28 lines
820 B
Vue
28 lines
820 B
Vue
<script setup>
|
|
defineProps({
|
|
title: {
|
|
type: String,
|
|
required: true
|
|
},
|
|
rows: {
|
|
type: Array,
|
|
required: true
|
|
}
|
|
})
|
|
</script>
|
|
|
|
<template>
|
|
<section class="bg-white border border-complement-50 rounded-2xl p-4">
|
|
<h2 class="flex items-center gap-2 text-[12px] font-bold text-[#3E4C63]">
|
|
<span class="w-1.5 h-1.5 rounded-full bg-[#7A1419]"></span>
|
|
{{ title }}
|
|
</h2>
|
|
<ul class="mt-3 flex flex-col gap-2">
|
|
<li v-for="row in rows" :key="row.label" class="flex items-start gap-2 text-[11px]">
|
|
<span class="font-normal text-[#576989]">{{ row.label }}:</span>
|
|
<span class="font-semibold text-[#3E4C63]">{{ row.value ?? '-' }}</span>
|
|
</li>
|
|
</ul>
|
|
</section>
|
|
</template>
|