FaqDefault

代码示例

<template>
  <section class="py-20 mt-16" id="faq">
    <div class="max-w-7xl mx-auto px-4">
      <h2 class="text-3xl font-bold text-center mb-12 text-white">FAQ</h2>
      <div class="space-y-6">
        <div v-for="(faq, index) in faqs" :key="index" class="bg-gray-800 p-6 rounded-xl shadow cursor-pointer" @click="toggle(index)">
          <h3 class="font-semibold flex justify-between items-center text-white">
            {{ $t('home.faqs.question' + (index + 1)) }}
            <span>{{ isOpen[index] ? '-' : '+' }}</span>
          </h3>
          <p v-if="isOpen[index]" class="text-gray-300 mt-2">{{ $t('home.faqs.answer' + (index + 1)) }}</p>
        </div>
      </div>
    </div>
  </section>
</template>