文档更新
This commit is contained in:
123
Project/fonrey/UI_DESIGN/主页.html
Normal file
123
Project/fonrey/UI_DESIGN/主页.html
Normal file
@@ -0,0 +1,123 @@
|
||||
<!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>
|
||||
Reference in New Issue
Block a user