123 lines
6.5 KiB
HTML
123 lines
6.5 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<meta name="viewport" content="width=1366" />
|
||
<title>Fonrey UI 页面主页</title>
|
||
<script src="https://cdn.tailwindcss.com"></script>
|
||
<script>
|
||
tailwind.config = {
|
||
theme: {
|
||
extend: {
|
||
colors: {
|
||
primary: {
|
||
50: '#F0FDFA',
|
||
100: '#CCFBF1',
|
||
200: '#99F6E4',
|
||
500: '#14B8A6',
|
||
600: '#0F766E',
|
||
700: '#115E59',
|
||
800: '#134E4A'
|
||
},
|
||
neutral: {
|
||
50: '#F8FAFC',
|
||
100: '#F1F5F9',
|
||
200: '#E2E8F0',
|
||
300: '#CBD5E1',
|
||
400: '#94A3B8',
|
||
500: '#64748B',
|
||
600: '#475569',
|
||
700: '#334155',
|
||
800: '#1E293B',
|
||
900: '#0F172A'
|
||
}
|
||
}
|
||
}
|
||
}
|
||
};
|
||
</script>
|
||
<style>
|
||
body { background: #F8FAFC; color: #0F172A; }
|
||
</style>
|
||
</head>
|
||
<body class="antialiased text-sm">
|
||
<header class="sticky top-0 z-10 bg-primary-800 border-b border-primary-700">
|
||
<div class="max-w-[1440px] mx-auto px-6 h-14 flex items-center justify-between">
|
||
<div class="flex items-center gap-2 text-white">
|
||
<div class="w-7 h-7 rounded-md bg-primary-500 flex items-center justify-center text-sm font-semibold">F</div>
|
||
<span class="text-base font-semibold">Fonrey · UI 页面主页</span>
|
||
</div>
|
||
<div class="text-xs text-primary-100">集中收录所有 UI 原型页面</div>
|
||
</div>
|
||
</header>
|
||
|
||
<main class="max-w-[1440px] mx-auto px-6 py-6 space-y-6">
|
||
<section class="bg-white border border-neutral-200 rounded-lg p-4">
|
||
<h1 class="text-xl font-semibold text-neutral-900">主页 HTML（导航索引）</h1>
|
||
<p class="mt-1 text-xs text-neutral-500">说明：本页用于收录所有业务 UI 页面入口。<code class="bg-neutral-100 px-1 rounded">preview.html</code> 作为 UI System 参考页保留，不再改动。</p>
|
||
</section>
|
||
|
||
<section class="grid grid-cols-3 gap-4">
|
||
<article class="bg-white border border-neutral-200 rounded-lg p-4">
|
||
<h2 class="font-semibold text-neutral-900 mb-3">登录管理（3）</h2>
|
||
<div class="space-y-2 text-xs">
|
||
<a href="./登录_UI.html" class="block px-3 py-2 rounded border border-neutral-200 hover:bg-neutral-50">登录识别页</a>
|
||
<a href="./登录_账号密码_UI.html" class="block px-3 py-2 rounded border border-neutral-200 hover:bg-neutral-50">账号密码登录</a>
|
||
<a href="./登录_重置密码_UI.html" class="block px-3 py-2 rounded border border-neutral-200 hover:bg-neutral-50">重置密码</a>
|
||
</div>
|
||
</article>
|
||
|
||
<article class="bg-white border border-neutral-200 rounded-lg p-4">
|
||
<h2 class="font-semibold text-neutral-900 mb-3">房源管理（3）</h2>
|
||
<div class="space-y-2 text-xs">
|
||
<a href="./房源列表_UI.html" class="block px-3 py-2 rounded border border-neutral-200 hover:bg-neutral-50">房源列表</a>
|
||
<a href="./房源详情_UI.html" class="block px-3 py-2 rounded border border-neutral-200 hover:bg-neutral-50">房源详情</a>
|
||
<a href="./新增房源_UI.html" class="block px-3 py-2 rounded border border-neutral-200 hover:bg-neutral-50">新增房源</a>
|
||
</div>
|
||
</article>
|
||
|
||
<article class="bg-white border border-neutral-200 rounded-lg p-4">
|
||
<h2 class="font-semibold text-neutral-900 mb-3">客源管理（4）</h2>
|
||
<div class="space-y-2 text-xs">
|
||
<a href="./客源列表_UI.html" class="block px-3 py-2 rounded border border-neutral-200 hover:bg-neutral-50">客源列表</a>
|
||
<a href="./客源详情_UI.html" class="block px-3 py-2 rounded border border-neutral-200 hover:bg-neutral-50">客源详情</a>
|
||
<a href="./新增客源_UI.html" class="block px-3 py-2 rounded border border-neutral-200 hover:bg-neutral-50">新增客源</a>
|
||
<a href="./编辑客源_UI.html" class="block px-3 py-2 rounded border border-neutral-200 hover:bg-neutral-50">编辑客源</a>
|
||
</div>
|
||
</article>
|
||
|
||
<article class="bg-white border border-neutral-200 rounded-lg p-4">
|
||
<h2 class="font-semibold text-neutral-900 mb-3">楼盘管理（3）</h2>
|
||
<div class="space-y-2 text-xs">
|
||
<a href="./区域管理_UI.html" class="block px-3 py-2 rounded border border-neutral-200 hover:bg-neutral-50">区域管理</a>
|
||
<a href="./楼盘列表_UI.html" class="block px-3 py-2 rounded border border-neutral-200 hover:bg-neutral-50">楼盘列表</a>
|
||
<a href="./楼盘详情_UI.html" class="block px-3 py-2 rounded border border-neutral-200 hover:bg-neutral-50">楼盘详情</a>
|
||
</div>
|
||
</article>
|
||
|
||
<article class="bg-white border border-neutral-200 rounded-lg p-4">
|
||
<h2 class="font-semibold text-neutral-900 mb-3">组织与系统（4）</h2>
|
||
<div class="space-y-2 text-xs">
|
||
<a href="./组织人事_UI.html" class="block px-3 py-2 rounded border border-neutral-200 hover:bg-neutral-50">组织人事</a>
|
||
<a href="./权限管理_UI.html" class="block px-3 py-2 rounded border border-neutral-200 hover:bg-neutral-50">权限管理</a>
|
||
<a href="./首页设置_UI.html" class="block px-3 py-2 rounded border border-neutral-200 hover:bg-neutral-50">首页设置</a>
|
||
<a href="./系统配置_UI.html" class="block px-3 py-2 rounded border border-neutral-200 hover:bg-neutral-50">系统配置</a>
|
||
</div>
|
||
</article>
|
||
|
||
<article class="bg-white border border-neutral-200 rounded-lg p-4">
|
||
<h2 class="font-semibold text-neutral-900 mb-3">平台管理后台（2）</h2>
|
||
<div class="space-y-2 text-xs">
|
||
<a href="./平台管理后台/平台管理后台_UI.html" class="block px-3 py-2 rounded border border-primary-600 bg-primary-50 text-primary-700 hover:bg-primary-100">平台管理后台（模块目录）</a>
|
||
<a href="./平台管理后台_UI.html" class="block px-3 py-2 rounded border border-neutral-200 hover:bg-neutral-50">平台管理后台（根目录副本）</a>
|
||
</div>
|
||
</article>
|
||
</section>
|
||
|
||
<section class="bg-white border border-neutral-200 rounded-lg p-4">
|
||
<h2 class="font-semibold text-neutral-900 mb-2">参考页面（不改动）</h2>
|
||
<a href="./preview.html" class="inline-flex items-center px-3 py-2 text-xs rounded border border-neutral-200 hover:bg-neutral-50">UI System Preview（颜色/布局规范参考）</a>
|
||
</section>
|
||
</main>
|
||
</body>
|
||
</html> |