- 添加 .dockerignore 和 .env.example 配置文件 - 添加 .gitignore 忽略规则配置 - 创建服务端代理API路由(_file、_modules、_server) - 集成 Ant Design Vue 组件库并配置SSR样式提取 - 定义API响应类型封装 - 创建基础布局组件(blank、console) - 实现应用中心页面和组件(AppsCenter) - 添加文章列表测试页面 - 配置控制台导航菜单结构 - 实现控制台头部组件 - 创建联系页面表单
50 lines
1.8 KiB
Vue
50 lines
1.8 KiB
Vue
<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 :bordered="false" class="card">
|
|
<div class="text-gray-500">可开发应用</div>
|
|
<div class="text-2xl font-semibold mt-1">-</div>
|
|
<div class="text-gray-400 mt-2">订阅有效且已购买源码权益</div>
|
|
</a-card>
|
|
</a-col>
|
|
<a-col :xs="24" :md="12" :lg="8">
|
|
<a-card :bordered="false" class="card">
|
|
<div class="text-gray-500">待处理申请</div>
|
|
<div class="text-2xl font-semibold mt-1">-</div>
|
|
<div class="text-gray-400 mt-2">Git 加组申请处理状态</div>
|
|
</a-card>
|
|
</a-col>
|
|
<a-col :xs="24" :md="12" :lg="8">
|
|
<a-card :bordered="false" class="card">
|
|
<div class="text-gray-500">教程更新</div>
|
|
<div class="text-2xl font-semibold mt-1">-</div>
|
|
<div class="text-gray-400 mt-2">后续接入教程内容源</div>
|
|
</a-card>
|
|
</a-col>
|
|
</a-row>
|
|
|
|
<a-card title="快捷入口" :bordered="false" class="card">
|
|
<div class="flex flex-wrap gap-3">
|
|
<a-button type="primary" @click="navigateTo('/developer/apps')">应用中心</a-button>
|
|
<a-button @click="navigateTo('/developer/source')">源码与仓库</a-button>
|
|
<a-button @click="navigateTo('/developer/tutorial')">开发教程</a-button>
|
|
<a-button @click="navigateTo('/developer/git')">Git 账号绑定</a-button>
|
|
<a-button @click="navigateTo('/developer/requests')">权限申请记录</a-button>
|
|
</div>
|
|
</a-card>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
definePageMeta({ layout: 'developer' })
|
|
</script>
|
|
|
|
<style scoped>
|
|
.card {
|
|
border-radius: 12px;
|
|
}
|
|
</style>
|