<template>
  <div class="space-y-4">
    <a-page-header title="开发教程" sub-title="快速开始、二次开发与部署" />

    <a-row :gutter="[16, 16]">
      <a-col :xs="24" :md="12" :lg="8">
        <a-card title="快速开始" :bordered="false" class="card">
          <p class="text-gray-600">拉代码、安装依赖、配置环境变量、本地运行。</p>
          <a-button type="link" class="px-0" disabled>查看</a-button>
        </a-card>
      </a-col>
      <a-col :xs="24" :md="12" :lg="8">
        <a-card title="二次开发" :bordered="false" class="card">
          <p class="text-gray-600">扩展点、模块/插件机制、权限/菜单接入规范。</p>
          <a-button type="link" class="px-0" disabled>查看</a-button>
        </a-card>
      </a-col>
      <a-col :xs="24" :md="12" :lg="8">
        <a-card title="部署上线" :bordered="false" class="card">
          <p class="text-gray-600">Docker/PM2、域名 HTTPS、升级回滚。</p>
          <a-button type="link" class="px-0" disabled>查看</a-button>
        </a-card>
      </a-col>
    </a-row>

    <a-alert
      type="warning"
      show-icon
      message="教程内容源待接入：可先用 Markdown/远端 CMS/静态页面三选一实现。"
    />
  </div>
</template>

<script setup lang="ts">
definePageMeta({ layout: 'developer' })
</script>

<style scoped>
.card {
  border-radius: 12px;
}
</style>

