<template>
  <div class="about">
    <h2 class="text-2xl font-bold mb-4">关于我们</h2>
    <div class="bg-white p-6 rounded-lg shadow-md">
      <h3 class="text-lg font-semibold mb-4">智念科技 AI</h3>
      <p class="mb-4">
        这是一个基于 Electron + Vue 3 + TypeScript 的桌面应用程序。
      </p>
      <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
        <div class="bg-gray-50 p-4 rounded">
          <h4 class="font-semibold mb-2">技术栈</h4>
          <ul class="list-disc list-inside space-y-1">
            <li>Electron</li>
            <li>Vue 3</li>
            <li>TypeScript</li>
            <li>Vue Router</li>
            <li>Pinia</li>
            <li>Tailwind CSS</li>
          </ul>
        </div>
        <div class="bg-gray-50 p-4 rounded">
          <h4 class="font-semibold mb-2">功能特性</h4>
          <ul class="list-disc list-inside space-y-1">
            <li>现代化 UI 界面</li>
            <li>状态管理</li>
            <li>路由导航</li>
            <li>响应式设计</li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</template>

<script setup lang="ts">
// 关于页面组件
</script>

<style scoped>
.about {
  max-width: 800px;
  margin: 0 auto;
}
</style>