Repository navigation
Expand file tree
/
Copy pathindex.html
More file actions
91 lines (88 loc) · 124 KB
/
Copy pathindex.html
File metadata and controls
91 lines (88 loc) · 124 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
<!DOCTYPE html>
<html lang="zh-CN" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Fantastic-admin | 一款 Vue 中后台管理系统框架</title>
<meta name="description" content="一款开箱即用的 Vue 中后台管理系统框架,采用 Vue3 + Vite 技术栈。">
<meta name="generator" content="VitePress v2.0.0-alpha.20">
<link rel="preload stylesheet" href="/assets/style.BRykPATL.css" as="style">
<link rel="preload stylesheet" href="/assets/vp-icons.b3731631.css" as="style">
<script type="module" src="/assets/chunks/metadata.e2259752.js"></script>
<script type="module" src="/assets/app.D1LoAjSb.js"></script>
<link rel="preload" href="/assets/inter-roman-latin.q5rAVC0E.woff2" as="font" type="font/woff2" crossorigin="">
<link rel="modulepreload" href="/assets/chunks/framework.CsUFmuvX.js">
<link rel="modulepreload" href="/assets/chunks/theme.BZk5Rzv0.js">
<link rel="modulepreload" href="/assets/index.md.3ucWU-zA.lean.js">
<link rel="icon" href="/favicon.svg">
<meta http-equiv="Expires" content="0">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Cache-control" content="no-cache">
<meta http-equiv="Cache" content="no-cache">
<meta property="og:title" content="Fantastic-admin | 一款 Vue 中后台管理系统框架">
<meta property="og:description" content="一款开箱即用的 Vue 中后台管理系统框架,采用 Vue3 + Vite 技术栈。">
<meta name="keywords" content="fantastic-admin,后台系统,管理后台,后台模版,vue后台,vue-admin,vue-element-admin,vue-admin-template">
<keywords content="fantastic-admin,后台系统,管理后台,后台模版,vue后台,vue-admin,vue-element-admin,vue-admin-template"></keywords>
<description content="一款开箱即用的 Vue 中后台管理系统框架,采用 Vue3 + Vite 技术栈。"></description>
<script type="application/ld+json">
[
{
"@context": "https://schema.org",
"@type": "Organization",
"@id": "https://fantastic-admin.hurui.me/#org",
"name": "Fantastic-admin",
"url": "https://fantastic-admin.hurui.me/",
"sameAs": [
"https://github.com/fantastic-admin/basic"
]
},
{
"@context": "https://schema.org",
"@type": "WebSite",
"@id": "https://fantastic-admin.hurui.me/#website",
"url": "https://fantastic-admin.hurui.me/",
"name": "Fantastic-admin",
"inLanguage": "zh-CN",
"publisher": {
"@id": "https://fantastic-admin.hurui.me/#org"
}
},
{
"@context": "https://schema.org",
"@type": "SoftwareApplication",
"@id": "https://fantastic-admin.hurui.me/#software",
"name": "Fantastic-admin",
"applicationCategory": "DeveloperApplication",
"inLanguage": "zh-CN",
"downloadUrl": "https://github.com/fantastic-admin/basic/releases",
"sameAs": [
"https://github.com/fantastic-admin/basic"
],
"documentation": "https://fantastic-admin.hurui.me/guide/intro.html"
},
{
"@context": "https://schema.org",
"@type": "WebPage",
"@id": "https://fantastic-admin.hurui.me/#webpage",
"url": "https://fantastic-admin.hurui.me/",
"name": "Fantastic-admin | 一款 Vue 中后台管理系统框架",
"isPartOf": {
"@id": "https://fantastic-admin.hurui.me/#website"
},
"about": {
"@id": "https://fantastic-admin.hurui.me/#software"
},
"inLanguage": "zh-CN",
"description": "面向 AI 编程的管理系统框架。Fantastic-admin 提供现代化、轻量且稳定的中后台管理系统开发骨架。"
}
]
</script>
<script>var _hmt=_hmt||[];_hmt.push([`_requirePlugin`,`UrlChangeTracker`,{shouldTrackUrlChange:function(e,t){return e&&t}}]),(function(){var e=document.createElement(`script`);e.src=`https://hm.baidu.com/hm.js?c458e5e4952cbc8ff4d06838d3df3e78`;var t=document.getElementsByTagName(`script`)[0];t.parentNode.insertBefore(e,t)})();</script>
<script id="check-dark-mode">(()=>{let e=localStorage.getItem(`vitepress-theme-appearance`)||`auto`,t=window.matchMedia(`(prefers-color-scheme: dark)`).matches;(!e||e===`auto`?t:e===`dark`)&&document.documentElement.classList.add(`dark`)})();</script>
<script id="check-mac-os">document.documentElement.classList.toggle(`mac`,/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
<link href="/llms.txt" rel="describedby">
</head>
<body>
<div id="app"><div class="Layout" data-v-a1ac923a><!--[--><!----><!--]--><!--[--><span tabindex="-1" data-v-3fd26631></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-3fd26631>Skip to content</a><!--]--><!----><header class="VPNav" data-v-a1ac923a data-v-6a7bf73d><div class="VPNavBar home top" data-v-6a7bf73d data-v-a6f0f52b><div class="wrapper" data-v-a6f0f52b><div class="container" data-v-a6f0f52b><div class="title" data-v-a6f0f52b><div class="VPNavBarTitle" data-v-a6f0f52b data-v-5746377c><a class="title" href="/" title="Fantastic-admin 官方文档" data-v-5746377c><!--[--><!--]--><!--[--><img class="VPImage logo" src="/logo.svg" alt data-v-9abb1adc><!--]--><span data-v-5746377c>Fantastic-admin 官方文档</span><!--[--><!--]--></a></div></div><div class="content" data-v-a6f0f52b><div class="content-body" data-v-a6f0f52b><!--[--><!--]--><div class="VPNavBarSearch search" data-v-a6f0f52b data-v-6905616f><!--[--><button type="button" class="VPNavBarSearchButton" aria-label="搜索文档" aria-keyshortcuts="/ control+k meta+k" data-v-6905616f data-v-4f520f25><span class="vpi-search" aria-hidden="true" data-v-4f520f25></span><span class="text" data-v-4f520f25>搜索文档</span><span class="keys" aria-hidden="true" data-v-4f520f25><kbd class="key-mod" data-v-4f520f25></kbd><kbd class="key-k" data-v-4f520f25></kbd></span></button><!----><!--]--></div><nav aria-label="Main Navigation" class="VPNavMenu VPNavBarMenu menu" data-v-a6f0f52b data-v-7ee20765><ul class="list" data-v-7ee20765><!--[--><li class="" data-v-7ee20765><div class="VPFlyout VPNavMenuGroup VPNavBarMenuGroup" data-v-7ee20765 data-v-313d6193 data-v-282060ed><button type="button" class="button" aria-expanded="false" aria-controls="v-1" data-v-282060ed><span class="text" data-v-282060ed><!----><span data-v-282060ed>文档 <img src="https://img.shields.io/github/v/release/fantastic-admin/basic?style=flat-square&label=%20&color=%2335495F" style="display: inline-block; margin-top: -2px; margin-left: 4px; vertical-align: middle;" /></span><span class="vpi-chevron-down text-icon" aria-hidden="true" data-v-282060ed></span></span></button><div class="menu" id="v-1" data-v-282060ed><div class="VPMenu" data-v-282060ed data-v-e4a26931><ul class="items" data-v-e4a26931><!--[--><!--[--><li class="VPMenuLink" data-v-e4a26931 data-v-374078ca><a class="VPLink link" href="/guide/intro.html" data-v-374078ca><!--[--><span data-v-374078ca>指南</span><!--]--></a></li><!--]--><!--[--><li class="VPMenuLink" data-v-e4a26931 data-v-374078ca><a class="VPLink link" href="/components/index.html" data-v-374078ca><!--[--><span data-v-374078ca>组件</span><!--]--></a></li><!--]--><!--[--><li class="VPMenuLink" data-v-e4a26931 data-v-374078ca><a class="VPLink link vp-external-link-icon" href="https://juejin.cn/column/7469775184427221026" target="_blank" rel="noreferrer" data-v-374078ca><!--[--><span data-v-374078ca>技术揭秘</span><!--]--></a></li><!--]--><!--[--><li class="VPMenuGroup" data-v-e4a26931 data-v-a53b6a06><p class="title" data-v-a53b6a06>历史版本文档</p><ul class="" data-v-a53b6a06><!--[--><!--[--><li class="VPMenuLink" data-v-a53b6a06 data-v-374078ca><a class="VPLink link vp-external-link-icon" href="https://fantastic-admin.hurui.me/v5-docs/" target="_blank" rel="noreferrer" data-v-374078ca><!--[--><span data-v-374078ca>v5 (Vue3版本)</span><!--]--></a></li><!--]--><!--[--><li class="VPMenuLink" data-v-a53b6a06 data-v-374078ca><a class="VPLink link vp-external-link-icon" href="https://fantastic-admin.hurui.me/v4-docs/" target="_blank" rel="noreferrer" data-v-374078ca><!--[--><span data-v-374078ca>v4 (Vue3版本)</span><!--]--></a></li><!--]--><!--[--><li class="VPMenuLink" data-v-a53b6a06 data-v-374078ca><a class="VPLink link vp-external-link-icon" href="https://fantastic-admin.hurui.me/v3-docs/" target="_blank" rel="noreferrer" data-v-374078ca><!--[--><span data-v-374078ca>v3 (Vue3版本)</span><!--]--></a></li><!--]--><!--[--><li class="VPMenuLink" data-v-a53b6a06 data-v-374078ca><a class="VPLink link vp-external-link-icon" href="https://fantastic-admin.hurui.me/v2-docs/" target="_blank" rel="noreferrer" data-v-374078ca><!--[--><span data-v-374078ca>v2 (Vue3版本)</span><!--]--></a></li><!--]--><!--[--><li class="VPMenuLink" data-v-a53b6a06 data-v-374078ca><a class="VPLink link vp-external-link-icon" href="https://fantastic-admin.hurui.me/v1-docs/" target="_blank" rel="noreferrer" data-v-374078ca><!--[--><span data-v-374078ca>v1 (Vue2版本)</span><!--]--></a></li><!--]--><!--]--></ul></li><!--]--><!--]--></ul><!--[--><!--]--></div></div></div></li><li class="" data-v-7ee20765><div class="VPFlyout VPNavMenuGroup VPNavBarMenuGroup" data-v-7ee20765 data-v-313d6193 data-v-282060ed><button type="button" class="button" aria-expanded="false" aria-controls="v-3" data-v-282060ed><span class="text" data-v-282060ed><!----><span data-v-282060ed>在线演示</span><span class="vpi-chevron-down text-icon" aria-hidden="true" data-v-282060ed></span></span></button><div class="menu" id="v-3" data-v-282060ed><div class="VPMenu" data-v-282060ed data-v-e4a26931><ul class="items" data-v-e4a26931><!--[--><!--[--><li class="VPMenuLink" data-v-e4a26931 data-v-374078ca><a class="VPLink link vp-external-link-icon" href="https://fantastic-admin.hurui.me/basic-example" target="_blank" rel="noreferrer" data-v-374078ca><!--[--><span data-v-374078ca>基础版</span><!--]--></a></li><!--]--><!--[--><li class="VPMenuLink" data-v-e4a26931 data-v-374078ca><a class="VPLink link vp-external-link-icon" href="https://fantastic-admin.hurui.me/pro-example" target="_blank" rel="noreferrer" data-v-374078ca><!--[--><span data-v-374078ca>专业版</span><!--]--></a></li><!--]--><!--[--><li class="VPMenuGroup" data-v-e4a26931 data-v-a53b6a06><p class="title" data-v-a53b6a06>备用地址</p><ul class="" data-v-a53b6a06><!--[--><!--[--><li class="VPMenuLink" data-v-a53b6a06 data-v-374078ca><a class="VPLink link vp-external-link-icon" href="https://fantastic-admin.pages.dev/basic-example" target="_blank" rel="noreferrer" data-v-374078ca><!--[--><span data-v-374078ca>基础版</span><!--]--></a></li><!--]--><!--[--><li class="VPMenuLink" data-v-a53b6a06 data-v-374078ca><a class="VPLink link vp-external-link-icon" href="https://fantastic-admin.pages.dev/pro-example" target="_blank" rel="noreferrer" data-v-374078ca><!--[--><span data-v-374078ca>专业版</span><!--]--></a></li><!--]--><!--]--></ul></li><!--]--><!--]--></ul><!--[--><!--]--></div></div></div></li><li class="" data-v-7ee20765><a class="VPLink link VPNavMenuLink VPNavBarMenuLink" href="/support.html" data-v-7ee20765 data-v-75f7d69e><!--[--><span data-v-75f7d69e>技术支持</span><!--]--></a></li><li class="" data-v-7ee20765><div class="VPFlyout VPNavMenuGroup VPNavBarMenuGroup" data-v-7ee20765 data-v-313d6193 data-v-282060ed><button type="button" class="button" aria-expanded="false" aria-controls="v-5" data-v-282060ed><span class="text" data-v-282060ed><!----><span data-v-282060ed>下载 / 购买</span><span class="vpi-chevron-down text-icon" aria-hidden="true" data-v-282060ed></span></span></button><div class="menu" id="v-5" data-v-282060ed><div class="VPMenu" data-v-282060ed data-v-e4a26931><ul class="items" data-v-e4a26931><!--[--><!--[--><li class="VPMenuLink" data-v-e4a26931 data-v-374078ca><a class="VPLink link vp-external-link-icon" href="https://github.com/fantastic-admin/basic/releases" target="_blank" rel="noreferrer" data-v-374078ca><!--[--><span data-v-374078ca>下载基础版</span><!--]--></a></li><!--]--><!--[--><li class="VPMenuLink" data-v-e4a26931 data-v-374078ca><a class="VPLink link" href="/buy.html" data-v-374078ca><!--[--><span data-v-374078ca>购买专业版 ⭐</span><!--]--></a></li><!--]--><!--[--><li class="VPMenuLink" data-v-e4a26931 data-v-374078ca><a class="VPLink link" href="/customize.html" data-v-374078ca><!--[--><span data-v-374078ca>定制开发</span><!--]--></a></li><!--]--><!--]--></ul><!--[--><!--]--></div></div></div></li><li class="" data-v-7ee20765><div class="VPFlyout VPNavMenuGroup VPNavBarMenuGroup" data-v-7ee20765 data-v-313d6193 data-v-282060ed><button type="button" class="button" aria-expanded="false" aria-controls="v-7" data-v-282060ed><span class="text" data-v-282060ed><!----><span data-v-282060ed>💖 友情推荐</span><span class="vpi-chevron-down text-icon" aria-hidden="true" data-v-282060ed></span></span></button><div class="menu" id="v-7" data-v-282060ed><div class="VPMenu" data-v-282060ed data-v-e4a26931><ul class="items" data-v-e4a26931><!--[--><!--[--><li class="VPMenuLink" data-v-e4a26931 data-v-374078ca><a class="VPLink link vp-external-link-icon" href="https://www.vform666.com" target="_blank" rel="noreferrer" data-v-374078ca><!--[--><span data-v-374078ca>VForm 低代码表单</span><!--]--></a></li><!--]--><!--[--><li class="VPMenuLink" data-v-e4a26931 data-v-374078ca><a class="VPLink link vp-external-link-icon" href="https://form-create.com" target="_blank" rel="noreferrer" data-v-374078ca><!--[--><span data-v-374078ca>FormCreate 可视化表单设计器</span><!--]--></a></li><!--]--><!--[--><li class="VPMenuLink" data-v-e4a26931 data-v-374078ca><a class="VPLink link vp-external-link-icon" href="https://www.vexipui.com/zh-CN" target="_blank" rel="noreferrer" data-v-374078ca><!--[--><span data-v-374078ca>Vexip UI 组件库</span><!--]--></a></li><!--]--><!--[--><li class="VPMenuLink" data-v-e4a26931 data-v-374078ca><a class="VPLink link vp-external-link-icon" href="https://github.com/mineadmin/mineadmin" target="_blank" rel="noreferrer" data-v-374078ca><!--[--><span data-v-374078ca>MineAdmin 开箱即用后台系统</span><!--]--></a></li><!--]--><!--[--><li class="VPMenuLink" data-v-e4a26931 data-v-374078ca><a class="VPLink link vp-external-link-icon" href="https://ldapdoc.eryajf.net" target="_blank" rel="noreferrer" data-v-374078ca><!--[--><span data-v-374078ca>Go-Ldap-Admin openLDAP后台管理项目</span><!--]--></a></li><!--]--><!--[--><li class="VPMenuLink" data-v-e4a26931 data-v-374078ca><a class="VPLink link vp-external-link-icon" href="https://topiam.cn" target="_blank" rel="noreferrer" data-v-374078ca><!--[--><span data-v-374078ca>TOPIAM 单点登录与统一身份认证平台</span><!--]--></a></li><!--]--><!--[--><li class="VPMenuLink" data-v-e4a26931 data-v-374078ca><a class="VPLink link vp-external-link-icon" href="https://www.antdv-next.com/" target="_blank" rel="noreferrer" data-v-374078ca><!--[--><span data-v-374078ca>Antdv Next 组件库</span><!--]--></a></li><!--]--><!--[--><li class="VPMenuLink" data-v-e4a26931 data-v-374078ca><a class="VPLink link" href="/links.html" data-v-374078ca><!--[--><span data-v-374078ca>交换友链 ?</span><!--]--></a></li><!--]--><!--]--></ul><!--[--><!--]--></div></div></div></li><!--]--></ul></nav><!----><div class="VPNavAppearance VPNavBarAppearance appearance" data-v-a6f0f52b data-v-bf2a56d2><!----><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-label="Appearance" aria-checked="false" data-v-bf2a56d2 data-v-e8bff76f data-v-5242b4e2><span class="check" data-v-5242b4e2><span class="icon" data-v-5242b4e2><!--[--><span class="vpi-sun sun" aria-hidden="true" data-v-e8bff76f></span><span class="vpi-moon moon" aria-hidden="true" data-v-e8bff76f></span><!--]--></span></span></button></div><ul class="VPSocialLinks VPNavSocialLinks VPNavBarSocialLinks social-links" data-v-a6f0f52b data-v-55c1e471 data-v-3ee3d59e><!--[--><li data-v-3ee3d59e><a class="VPSocialLink no-icon" href="https://github.com/fantastic-admin/basic" aria-label="github" target="_blank" rel="me noopener" data-v-3ee3d59e data-v-9b35ff27><span class="vpi-simple-icons-github" data-v-9b35ff27 data-v-d6aa53be></span></a></li><li data-v-3ee3d59e><a class="VPSocialLink no-icon" href="https://gitee.com/fantastic-admin/basic" aria-label="gitee" target="_blank" rel="me noopener" data-v-3ee3d59e data-v-9b35ff27><span class="vpi-simple-icons-gitee" data-v-9b35ff27 data-v-d6aa53be></span></a></li><li data-v-3ee3d59e><a class="VPSocialLink no-icon" href="https://gitcode.com/fantastic-admin/basic" aria-label="gitcode" target="_blank" rel="me noopener" data-v-3ee3d59e data-v-9b35ff27><span class="vpi-simple-icons-gitcode" data-v-9b35ff27 data-v-d6aa53be></span></a></li><!--]--></ul><!----><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="Menu" aria-expanded="false" data-v-a6f0f52b data-v-53d5e398><span class="container" aria-hidden="true" data-v-53d5e398><span class="top" data-v-53d5e398></span><span class="middle" data-v-53d5e398></span><span class="bottom" data-v-53d5e398></span></span></button></div></div></div></div><div class="divider" data-v-a6f0f52b><div class="divider-line" data-v-a6f0f52b></div></div></div><!----></header><!----><!----><div class="VPContent is-home" id="VPContent" data-v-a1ac923a data-v-62dc3b19><div class="h-full w-full relative interactive-area" data-v-62dc3b19 data-v-1a4715a3><canvas class="pointer-events-none inset-0 absolute z-100"></canvas><!--[--><div class="relative" data-v-1a4715a3><div class="mx-auto border-x border-t border-[var(--vp-c-divider)] border-solid h-[600px] max-w-[1400px] relative of-hidden" data-v-1a4715a3><div class="bg-[var(--vp-c-bg)] h-full relative overflow-hidden" data-v-1a4715a3><!----></div><div class="hero-mark-six--light hero-mark-six" aria-hidden="true" data-v-1a4715a3> 6 </div><div class="px-5 py-14 text-center flex flex-col gap-4 w-full pointer-events-none items-center top-1/2 absolute sm:px-10 sm:py-20 -translate-y-1/2" data-v-1a4715a3><div class="text-[11px] text-[var(--vp-c-text-2)] tracking-[0.28em] font-600 uppercase sm:text-xs" data-v-1a4715a3> Fantastic-admin </div><h1 class="text-4xl text-[var(--vp-c-text-1)] leading-[1.02] tracking-[-0.045em] font-700 px-5 text-center max-w-4xl text-balance text-pretty sm:text-6xl sm:px-8" data-v-1a4715a3> 面向 AI 编程的管理系统框架 </h1><div class="mt-2 px-5 flex flex-wrap gap-3 max-w-5xl items-center justify-center sm:px-8" data-v-1a4715a3><a class="text-sm text-white leading-none font-600 px-5 py-3 border border-[#35495f] rounded-full bg-[#35495f] inline-flex gap-2 pointer-events-auto shadow-[0_12px_36px_rgb(53_73_95_/_0.26)] transition-all duration-300 ease-[cubic-bezier(0.16,1,0.3,1)] items-center hover:border-[#2b3b4e] hover:bg-[#2b3b4e] active:scale-[0.98] hover:-translate-y-[1px]" href="/guide/intro" data-v-1a4715a3><span data-v-1a4715a3>开始</span></a><a class="text-sm text-[var(--vp-c-text-1)] leading-none font-600 px-5 py-3 border border-[var(--vp-c-divider)] rounded-full bg-[rgb(255_255_255_/_0.64)] inline-flex gap-2 pointer-events-auto shadow-[inset_0_1px_0_rgb(255_255_255_/_0.4)] transition-all duration-300 ease-[cubic-bezier(0.16,1,0.3,1)] items-center backdrop-blur-xl hover:border-[var(--vp-c-brand-1)] dark:bg-[rgb(10_10_10_/_0.44)] hover:bg-[rgb(255_255_255_/_0.78)] dark:shadow-[inset_0_1px_0_rgb(255_255_255_/_0.08)] active:scale-[0.98] dark:hover:bg-[rgb(10_10_10_/_0.58)] hover:-translate-y-[1px]" href="/guide/why" data-v-1a4715a3><span data-v-1a4715a3>为什么选择我们 ?</span></a></div></div><div class="flex flex-wrap gap-2 max-w-[calc(100%-2rem)] items-center bottom-4 right-4 justify-end absolute z-10 sm:max-w-[520px] sm:bottom-6 sm:right-6" data-v-1a4715a3><a class="text-xs text-[var(--vp-c-text-1)] leading-none font-600 px-3.5 py-2 border border-[var(--vp-c-divider)] rounded-full bg-[rgb(255_255_255_/_0.56)] inline-flex gap-1.5 pointer-events-auto shadow-[inset_0_1px_0_rgb(255_255_255_/_0.36)] transition-all duration-300 ease-[cubic-bezier(0.16,1,0.3,1)] items-center backdrop-blur-xl sm:px-4 hover:border-[var(--vp-c-brand-1)] dark:bg-[rgb(10_10_10_/_0.42)] hover:bg-[rgb(255_255_255_/_0.72)] dark:shadow-[inset_0_1px_0_rgb(255_255_255_/_0.08)] active:scale-[0.98] dark:hover:bg-[rgb(10_10_10_/_0.56)] hover:-translate-y-[1px]" href="https://fantastic-admin.hurui.me/basic-example" rel="noreferrer" target="_blank" data-v-1a4715a3><span data-v-1a4715a3>演示:基础版</span><span class="i-lucide-arrow-up-right h-3.5 w-3.5" data-v-1a4715a3></span></a><a class="text-xs text-[var(--vp-c-text-1)] leading-none font-600 px-3.5 py-2 border border-[var(--vp-c-divider)] rounded-full bg-[rgb(255_255_255_/_0.56)] inline-flex gap-1.5 pointer-events-auto shadow-[inset_0_1px_0_rgb(255_255_255_/_0.36)] transition-all duration-300 ease-[cubic-bezier(0.16,1,0.3,1)] items-center backdrop-blur-xl sm:px-4 hover:border-[var(--vp-c-brand-1)] dark:bg-[rgb(10_10_10_/_0.42)] hover:bg-[rgb(255_255_255_/_0.72)] dark:shadow-[inset_0_1px_0_rgb(255_255_255_/_0.08)] active:scale-[0.98] dark:hover:bg-[rgb(10_10_10_/_0.56)] hover:-translate-y-[1px]" href="https://fantastic-admin.hurui.me/pro-example" rel="noreferrer" target="_blank" data-v-1a4715a3><span data-v-1a4715a3>演示:专业版</span><span class="i-lucide-arrow-up-right h-3.5 w-3.5" data-v-1a4715a3></span></a><a class="text-xs text-[var(--vp-c-text-1)] leading-none font-600 px-3.5 py-2 border border-[rgb(251_191_36_/_0.28)] rounded-full bg-[linear-gradient(135deg,rgb(251_191_36_/_0.16),rgb(249_115_22_/_0.18))] inline-flex gap-1.5 pointer-events-auto shadow-[inset_0_1px_0_rgb(255_255_255_/_0.32)] transition-all duration-300 ease-[cubic-bezier(0.16,1,0.3,1)] items-center backdrop-blur-xl sm:px-4 dark:border-[rgb(251_191_36_/_0.2)] hover:border-[rgb(249_115_22_/_0.42)] hover:bg-[linear-gradient(135deg,rgb(251_191_36_/_0.22),rgb(249_115_22_/_0.24))] dark:shadow-[inset_0_1px_0_rgb(255_255_255_/_0.08)] active:scale-[0.98] hover:-translate-y-[1px]" href="/get-v1-pro" data-v-1a4715a3><span data-v-1a4715a3>免费领取 v1 专业版</span></a></div></div><div class="mx-auto max-w-[1400px] relative" data-v-1a4715a3><img src="/assets/footer-bg.BJQCdzL8.png" loading="eager" class="h-full w-full inset-0 absolute z-0 object-cover object-[center_22%]" data-v-1a4715a3><div class="px-4 flex h-10 w-full items-center justify-center relative z-10 sm:px-8" data-v-1a4715a3><span class="text-xs text-white leading-snug tracking-wide font-medium font-mono text-shadow-md/50 whitespace-nowrap text-ellipsis uppercase overflow-hidden" data-v-1a4715a3> 全新版本 v6.0 正式发布,欢迎体验! </span></div></div><div class="mx-auto border-x border-[var(--vp-c-divider)] border-solid max-w-[1400px]" data-v-1a4715a3><div class="px-5 py-14 text-center border-y border-[var(--vp-c-divider)] border-solid flex flex-col gap-4 items-center sm:px-10 sm:py-20" data-v-1a4715a3><div class="text-[11px] text-[var(--vp-c-text-3)] tracking-[0.24em] font-600 uppercase sm:text-xs" data-v-1a4715a3> AI Skill </div><h2 class="text-3xl text-[var(--vp-c-text-1)] leading-[1.08] tracking-[-0.04em] font-650 text-center max-w-2xl text-balance sm:text-5xl" data-v-1a4715a3> 顶级的技能 </h2><div class="text-base text-[var(--vp-c-text-2)] leading-8 max-w-2xl sm:text-lg" data-v-1a4715a3><p class="text-pretty" data-v-1a4715a3> 反复验证打磨,只为让 AI 像团队成员一样 </p><p class="text-pretty" data-v-1a4715a3> 准确理解你的想法,并在几分钟内实现你的需求 </p></div></div><div class="mx-auto grid grid-cols-1 max-w-[1400px] xl:grid-cols-[minmax(0,360px)_minmax(0,1fr)]" data-v-1a4715a3><div class="skill-nav flex flex-col h-full xl:border-r xl:border-[var(--vp-c-divider)] xl:border-solid" data-v-1a4715a3><!--[--><button class="bg-[var(--vp-c-bg-soft)] skill-nav-button group px-5 py-5 text-left border-t border-[var(--vp-c-divider)] border-solid flex flex-1 flex-col w-full transition-colors duration-300 ease-[cubic-bezier(0.16,1,0.3,1)] justify-center sm:px-8 sm:py-6 first:border-t-0 hover:bg-[var(--vp-c-bg-soft)]" type="button" data-v-1a4715a3><div class="text-[var(--vp-c-brand-1)] text-[15px] text-[var(--vp-c-text-1)] leading-6 tracking-[-0.02em] font-600 transition-colors duration-300 group-hover:text-[var(--vp-c-brand-1)]" data-v-1a4715a3>框架设置</div><p class="skill-nav-prompt text-[13px] text-[var(--vp-c-text-2)] leading-6 mt-1.5 text-pretty sm:text-sm" data-v-1a4715a3>提示词:主题切换成蓝色,默认深色模式,不需要圆角;导航菜单改为顶部模式,风格为圆点;启用标签栏,风格选择现代,并且要在工具栏下方展示;工具栏开启收藏夹;最后开启页面水印</p></button><button class="skill-nav-button group px-5 py-5 text-left border-t border-[var(--vp-c-divider)] border-solid flex flex-1 flex-col w-full transition-colors duration-300 ease-[cubic-bezier(0.16,1,0.3,1)] justify-center sm:px-8 sm:py-6 first:border-t-0 hover:bg-[var(--vp-c-bg-soft)]" type="button" data-v-1a4715a3><div class="text-[15px] text-[var(--vp-c-text-1)] leading-6 tracking-[-0.02em] font-600 transition-colors duration-300 group-hover:text-[var(--vp-c-brand-1)]" data-v-1a4715a3>主题定制</div><p class="skill-nav-prompt text-[13px] text-[var(--vp-c-text-2)] leading-6 mt-1.5 text-pretty sm:text-sm" data-v-1a4715a3>提示词:生成一个黑客帝国风格的主题,创建好后直接使用,同时默认为深色模式</p></button><button class="skill-nav-button group px-5 py-5 text-left border-t border-[var(--vp-c-divider)] border-solid flex flex-1 flex-col w-full transition-colors duration-300 ease-[cubic-bezier(0.16,1,0.3,1)] justify-center sm:px-8 sm:py-6 first:border-t-0 hover:bg-[var(--vp-c-bg-soft)]" type="button" data-v-1a4715a3><div class="text-[15px] text-[var(--vp-c-text-1)] leading-6 tracking-[-0.02em] font-600 transition-colors duration-300 group-hover:text-[var(--vp-c-brand-1)]" data-v-1a4715a3>CRUD 页面生成</div><p class="skill-nav-prompt text-[13px] text-[var(--vp-c-text-2)] leading-6 mt-1.5 text-pretty sm:text-sm" data-v-1a4715a3>提示词:做一个商品管理模块,支持搜索、分页、新增、编辑、删除,并使用假数据,最后配置一个可访问的一级路由</p></button><button class="skill-nav-button group px-5 py-5 text-left border-t border-[var(--vp-c-divider)] border-solid flex flex-1 flex-col w-full transition-colors duration-300 ease-[cubic-bezier(0.16,1,0.3,1)] justify-center sm:px-8 sm:py-6 first:border-t-0 hover:bg-[var(--vp-c-bg-soft)]" type="button" data-v-1a4715a3><div class="text-[15px] text-[var(--vp-c-text-1)] leading-6 tracking-[-0.02em] font-600 transition-colors duration-300 group-hover:text-[var(--vp-c-brand-1)]" data-v-1a4715a3>国际化文案管理</div><p class="skill-nav-prompt text-[13px] text-[var(--vp-c-text-2)] leading-6 mt-1.5 text-pretty sm:text-sm" data-v-1a4715a3>提示词:给风格实验室页面增加国际化支持</p></button><!--]--><button class="skill-nav-button skill-nav-button--more group px-5 py-5 text-left border-t border-[var(--vp-c-divider)] border-solid flex flex-col gap-2 w-full transition-colors duration-300 ease-[cubic-bezier(0.16,1,0.3,1)] justify-center relative sm:px-8 sm:py-6 hover:bg-[var(--vp-c-bg-soft)]" type="button" data-v-1a4715a3><div class="text-[15px] text-[var(--vp-c-text-1)] leading-6 tracking-[-0.02em] font-600 flex gap-3 transition-colors duration-300 items-center justify-between group-hover:text-[var(--vp-c-brand-1)]" data-v-1a4715a3><span data-v-1a4715a3>查看更多技能</span><span class="i-lucide-arrow-right shrink-0 h-4 w-4" data-v-1a4715a3></span></div></button></div><div class="skill-video-shell min-h-[420px] overflow-hidden sm:min-h-[480px]" data-v-1a4715a3><video src="/assets/fa-framework-settings.Do7FdeLY.mp4" class="skill-video h-full w-full block object-contain" playsinline preload="metadata" data-v-1a4715a3></video><div class="skill-video-overlay--visible skill-video-overlay" data-v-1a4715a3><div class="skill-video-meta" data-v-1a4715a3><div class="skill-video-copy" data-v-1a4715a3><strong data-v-1a4715a3>框架设置</strong><span data-v-1a4715a3>fa-framework-settings</span></div></div><div class="skill-video-controls" data-v-1a4715a3><div class="skill-video-timeline" data-v-1a4715a3><button class="skill-video-icon-button skill-video-icon-button--primary" type="button" data-v-1a4715a3><span class="i-lucide-play h-4.5 w-4.5" data-v-1a4715a3></span></button><span data-v-1a4715a3>00:00</span><input value="0" style="--progress:0%;" class="video-slider" max="100" min="0" step="0.1" type="range" data-v-1a4715a3><span data-v-1a4715a3>00:00</span><button class="skill-video-icon-button" type="button" data-v-1a4715a3><span class="i-lucide-volume-2 h-4.5 w-4.5" data-v-1a4715a3></span></button><input value="50" style="--progress:50%;" class="video-slider video-slider--volume" max="100" min="0" step="1" type="range" data-v-1a4715a3><button class="skill-video-icon-button" type="button" data-v-1a4715a3><span class="i-lucide-maximize h-4.5 w-4.5" data-v-1a4715a3></span></button></div></div></div></div></div></div><div class="mx-auto border-x border-t border-[var(--vp-c-divider)] border-solid max-w-[1400px]" data-v-1a4715a3><div class="mt-12 px-5 py-14 text-center border-y border-[var(--vp-c-divider)] border-solid flex flex-col gap-4 items-center sm:px-10 sm:py-20" data-v-1a4715a3><div class="text-[11px] text-[var(--vp-c-text-3)] tracking-[0.24em] font-600 uppercase sm:text-xs" data-v-1a4715a3> Capability </div><h2 class="text-3xl text-[var(--vp-c-text-1)] leading-[1.08] tracking-[-0.04em] font-650 max-w-2xl text-balance sm:text-5xl" data-v-1a4715a3> 六边形的能力 </h2><div class="text-base text-[var(--vp-c-text-2)] leading-8 max-w-2xl text-pretty sm:text-lg" data-v-1a4715a3><p class="text-pretty" data-v-1a4715a3> 从底层技术到 UI 生态,再到布局系统与扩展能力 </p><p class="text-pretty" data-v-1a4715a3> Fantastic-admin 提供了一套足够完整且可持续演进的管理系统骨架 </p></div></div><div class="grid grid-cols-1 md:grid-cols-2" data-v-1a4715a3><article class="border-b border-[var(--vp-c-divider)] grid grid-cols-1 md:col-span-2 md:grid-cols-[minmax(0,1fr)_minmax(0,2fr)]" data-v-1a4715a3><div class="px-5 py-8 border-b border-r border-[var(--vp-c-divider)] flex-1 sm:px-8 sm:py-10 md:border-b-0" data-v-1a4715a3><div class="text-[11px] text-[var(--vp-c-text-3)] tracking-[0.22em] font-600 uppercase sm:text-xs" data-v-1a4715a3> 01 </div><h3 class="text-2xl text-[var(--vp-c-text-1)] leading-[1.1] tracking-[-0.035em] font-650 mt-3 sm:text-3xl" data-v-1a4715a3> 一流技术栈 </h3><p class="text-sm text-[var(--vp-c-text-2)] leading-7 mt-3 max-w-xl text-pretty sm:text-base" data-v-1a4715a3> 提供现代化、轻量且足够稳定的管理系统开发底座。 </p></div><div class="tech-stack-grid grid grid-cols-2 sm:grid-cols-4" data-v-1a4715a3><!--[--><a href="https://vuejs.org/" class="tech-stack-item px-4 py-4 border-[var(--vp-c-divider)] border-solid flex min-h-[108px] items-end sm:min-h-[120px]" rel="noreferrer" target="_blank" data-v-1a4715a3><span class="tech-stack-link-indicator i-lucide-arrow-up-right h-3.5 w-3.5" aria-hidden="true" data-v-1a4715a3></span><div class="tech-stack-content flex gap-3 items-end" data-v-1a4715a3><div class="i-logos:vue tech-stack-icon text-[1.75rem] shrink-0 h-7 w-7" data-v-1a4715a3></div><span class="text-sm text-[var(--vp-c-text-1)] leading-6 font-600" data-v-1a4715a3>Vue</span></div></a><a href="https://vite.dev/" class="tech-stack-item px-4 py-4 border-[var(--vp-c-divider)] border-solid flex min-h-[108px] items-end sm:min-h-[120px]" rel="noreferrer" target="_blank" data-v-1a4715a3><span class="tech-stack-link-indicator i-lucide-arrow-up-right h-3.5 w-3.5" aria-hidden="true" data-v-1a4715a3></span><div class="tech-stack-content flex gap-3 items-end" data-v-1a4715a3><div class="i-logos:vitejs tech-stack-icon text-[1.75rem] shrink-0 h-7 w-7" data-v-1a4715a3></div><span class="text-sm text-[var(--vp-c-text-1)] leading-6 font-600" data-v-1a4715a3>Vite</span></div></a><a href="https://pinia.vuejs.org/" class="tech-stack-item px-4 py-4 border-[var(--vp-c-divider)] border-solid flex min-h-[108px] items-end sm:min-h-[120px]" rel="noreferrer" target="_blank" data-v-1a4715a3><span class="tech-stack-link-indicator i-lucide-arrow-up-right h-3.5 w-3.5" aria-hidden="true" data-v-1a4715a3></span><div class="tech-stack-content flex gap-3 items-end" data-v-1a4715a3><div class="i-logos:pinia tech-stack-icon text-[1.75rem] shrink-0 h-7 w-7" data-v-1a4715a3></div><span class="text-sm text-[var(--vp-c-text-1)] leading-6 font-600" data-v-1a4715a3>Pinia</span></div></a><a href="https://unocss.dev/" class="tech-stack-item px-4 py-4 border-[var(--vp-c-divider)] border-solid flex min-h-[108px] items-end sm:min-h-[120px]" rel="noreferrer" target="_blank" data-v-1a4715a3><span class="tech-stack-link-indicator i-lucide-arrow-up-right h-3.5 w-3.5" aria-hidden="true" data-v-1a4715a3></span><div class="tech-stack-content flex gap-3 items-end" data-v-1a4715a3><div class="i-logos:unocss tech-stack-icon text-[1.75rem] shrink-0 h-7 w-7" data-v-1a4715a3></div><span class="text-sm text-[var(--vp-c-text-1)] leading-6 font-600" data-v-1a4715a3>UnoCSS</span></div></a><a href="https://vueuse.org/" class="tech-stack-item px-4 py-4 border-[var(--vp-c-divider)] border-solid flex min-h-[108px] items-end sm:min-h-[120px]" rel="noreferrer" target="_blank" data-v-1a4715a3><span class="tech-stack-link-indicator i-lucide-arrow-up-right h-3.5 w-3.5" aria-hidden="true" data-v-1a4715a3></span><div class="tech-stack-content flex gap-3 items-end" data-v-1a4715a3><div class="i-logos:vueuse tech-stack-icon text-[1.75rem] shrink-0 h-7 w-7" data-v-1a4715a3></div><span class="text-sm text-[var(--vp-c-text-1)] leading-6 font-600" data-v-1a4715a3>VueUse</span></div></a><a href="https://www.typescriptlang.org/" class="tech-stack-item px-4 py-4 border-[var(--vp-c-divider)] border-solid flex min-h-[108px] items-end sm:min-h-[120px]" rel="noreferrer" target="_blank" data-v-1a4715a3><span class="tech-stack-link-indicator i-lucide-arrow-up-right h-3.5 w-3.5" aria-hidden="true" data-v-1a4715a3></span><div class="tech-stack-content flex gap-3 items-end" data-v-1a4715a3><div class="i-logos:typescript-icon tech-stack-icon text-[1.75rem] shrink-0 h-7 w-7" data-v-1a4715a3></div><span class="text-sm text-[var(--vp-c-text-1)] leading-6 font-600" data-v-1a4715a3>TypeScript</span></div></a><a href="https://eslint.org/" class="tech-stack-item px-4 py-4 border-[var(--vp-c-divider)] border-solid flex min-h-[108px] items-end sm:min-h-[120px]" rel="noreferrer" target="_blank" data-v-1a4715a3><span class="tech-stack-link-indicator i-lucide-arrow-up-right h-3.5 w-3.5" aria-hidden="true" data-v-1a4715a3></span><div class="tech-stack-content flex gap-3 items-end" data-v-1a4715a3><div class="i-logos:eslint tech-stack-icon text-[1.75rem] shrink-0 h-7 w-7" data-v-1a4715a3></div><span class="text-sm text-[var(--vp-c-text-1)] leading-6 font-600" data-v-1a4715a3>ESLint</span></div></a><a href="https://stylelint.io/" class="tech-stack-item px-4 py-4 border-[var(--vp-c-divider)] border-solid flex min-h-[108px] items-end sm:min-h-[120px]" rel="noreferrer" target="_blank" data-v-1a4715a3><span class="tech-stack-link-indicator i-lucide-arrow-up-right h-3.5 w-3.5" aria-hidden="true" data-v-1a4715a3></span><div class="tech-stack-content flex gap-3 items-end" data-v-1a4715a3><div class="i-logos:stylelint tech-stack-icon text-[1.75rem] shrink-0 h-7 w-7" data-v-1a4715a3></div><span class="text-sm text-[var(--vp-c-text-1)] leading-6 font-600" data-v-1a4715a3>Stylelint</span></div></a><!--]--></div></article><article class="border-b border-[var(--vp-c-divider)] grid grid-cols-1 md:col-span-2 md:grid-cols-[minmax(0,1fr)_minmax(0,2fr)]" data-v-1a4715a3><div class="px-5 py-8 border-b border-r border-[var(--vp-c-divider)] flex-1 sm:px-8 sm:py-10 md:border-b-0" data-v-1a4715a3><div class="text-[11px] text-[var(--vp-c-text-3)] tracking-[0.22em] font-600 uppercase sm:text-xs" data-v-1a4715a3> 02 </div><h3 class="text-2xl text-[var(--vp-c-text-1)] leading-[1.1] tracking-[-0.035em] font-650 mt-3 sm:text-3xl" data-v-1a4715a3> 自由选择喜爱的 UI 库 </h3><p class="text-sm text-[var(--vp-c-text-2)] leading-7 mt-3 max-w-xl text-pretty sm:text-base" data-v-1a4715a3> 可根据团队习惯和产品气质,选择更合适的组件库,并且无需重新组织整套管理系统工程结构。 </p></div><div class="tech-stack-grid grid grid-cols-2 sm:grid-cols-4" data-v-1a4715a3><!--[--><a href="https://element-plus.org/" class="tech-stack-item px-4 py-4 border-[var(--vp-c-divider)] border-solid flex min-h-[108px] items-end sm:min-h-[120px]" rel="noreferrer" target="_blank" data-v-1a4715a3><span class="tech-stack-link-indicator i-lucide-arrow-up-right h-3.5 w-3.5" aria-hidden="true" data-v-1a4715a3></span><div class="tech-stack-content flex flex-col gap-3 items-start" data-v-1a4715a3><div class="i-logos:element tech-stack-icon text-[2rem] shrink-0 h-8 w-8" data-v-1a4715a3></div><span class="text-sm text-[var(--vp-c-text-1)] leading-6 font-600" data-v-1a4715a3>Element Plus</span></div></a><a href="https://antdv.com/" class="tech-stack-item px-4 py-4 border-[var(--vp-c-divider)] border-solid flex min-h-[108px] items-end sm:min-h-[120px]" rel="noreferrer" target="_blank" data-v-1a4715a3><span class="tech-stack-link-indicator i-lucide-arrow-up-right h-3.5 w-3.5" aria-hidden="true" data-v-1a4715a3></span><div class="tech-stack-content flex flex-col gap-3 items-start" data-v-1a4715a3><div class="i-logos:ant-design tech-stack-icon text-[2rem] shrink-0 h-8 w-8" data-v-1a4715a3></div><span class="text-sm text-[var(--vp-c-text-1)] leading-6 font-600" data-v-1a4715a3>Ant Design Vue</span></div></a><a href="https://www.antdv-next.com/" class="tech-stack-item px-4 py-4 border-[var(--vp-c-divider)] border-solid flex min-h-[108px] items-end sm:min-h-[120px]" rel="noreferrer" target="_blank" data-v-1a4715a3><span class="tech-stack-link-indicator i-lucide-arrow-up-right h-3.5 w-3.5" aria-hidden="true" data-v-1a4715a3></span><div class="tech-stack-content flex flex-col gap-3 items-start" data-v-1a4715a3><img loading="lazy" src="https://www.antdv-next.com/antdv-next.svg" alt="Antdv Next" class="tech-stack-icon rounded-sm h-8 w-8 object-contain" data-v-1a4715a3><span class="text-sm text-[var(--vp-c-text-1)] leading-6 font-600" data-v-1a4715a3>Antdv Next</span></div></a><a href="https://arco.design/vue" class="tech-stack-item px-4 py-4 border-[var(--vp-c-divider)] border-solid flex min-h-[108px] items-end sm:min-h-[120px]" rel="noreferrer" target="_blank" data-v-1a4715a3><span class="tech-stack-link-indicator i-lucide-arrow-up-right h-3.5 w-3.5" aria-hidden="true" data-v-1a4715a3></span><div class="tech-stack-content flex flex-col gap-3 items-start" data-v-1a4715a3><img loading="lazy" src="https://unpkg.byted-static.com/latest/byted/arco-config/assets/favicon.ico" alt="Arco Design Vue" class="tech-stack-icon rounded-sm h-8 w-8 object-contain" data-v-1a4715a3><span class="text-sm text-[var(--vp-c-text-1)] leading-6 font-600" data-v-1a4715a3>Arco Design Vue</span></div></a><a href="https://www.naiveui.com/" class="tech-stack-item px-4 py-4 border-[var(--vp-c-divider)] border-solid flex min-h-[108px] items-end sm:min-h-[120px]" rel="noreferrer" target="_blank" data-v-1a4715a3><span class="tech-stack-link-indicator i-lucide-arrow-up-right h-3.5 w-3.5" aria-hidden="true" data-v-1a4715a3></span><div class="tech-stack-content flex flex-col gap-3 items-start" data-v-1a4715a3><div class="i-logos:naiveui tech-stack-icon text-[2rem] shrink-0 h-8 w-8" data-v-1a4715a3></div><span class="text-sm text-[var(--vp-c-text-1)] leading-6 font-600" data-v-1a4715a3>Naive UI</span></div></a><a href="https://tdesign.tencent.com/vue-next/" class="tech-stack-item px-4 py-4 border-[var(--vp-c-divider)] border-solid flex min-h-[108px] items-end sm:min-h-[120px]" rel="noreferrer" target="_blank" data-v-1a4715a3><span class="tech-stack-link-indicator i-lucide-arrow-up-right h-3.5 w-3.5" aria-hidden="true" data-v-1a4715a3></span><div class="tech-stack-content flex flex-col gap-3 items-start" data-v-1a4715a3><img loading="lazy" src="https://static.tdesign.tencent.com/favicon.ico" alt="TDesign" class="tech-stack-icon rounded-sm h-8 w-8 object-contain" data-v-1a4715a3><span class="text-sm text-[var(--vp-c-text-1)] leading-6 font-600" data-v-1a4715a3>TDesign</span></div></a><a href="https://www.vexipui.com/" class="tech-stack-item px-4 py-4 border-[var(--vp-c-divider)] border-solid flex min-h-[108px] items-end sm:min-h-[120px]" rel="noreferrer" target="_blank" data-v-1a4715a3><span class="tech-stack-link-indicator i-lucide-arrow-up-right h-3.5 w-3.5" aria-hidden="true" data-v-1a4715a3></span><div class="tech-stack-content flex flex-col gap-3 items-start" data-v-1a4715a3><img loading="lazy" src="https://www.vexipui.com/vexip-ui.svg" alt="Vexip UI" class="tech-stack-icon rounded-sm h-8 w-8 object-contain" data-v-1a4715a3><span class="text-sm text-[var(--vp-c-text-1)] leading-6 font-600" data-v-1a4715a3>Vexip UI</span></div></a><div class="tech-stack-item px-4 py-4 border-[var(--vp-c-divider)] border-solid flex min-h-[108px] items-end sm:min-h-[120px]" data-v-1a4715a3><!----><div class="tech-stack-content flex flex-col gap-3 items-start" data-v-1a4715a3><span class="tech-stack-icon text-xl text-[var(--vp-c-text-2)] leading-none tracking-[0.22em] font-700" data-v-1a4715a3>···</span><span class="text-sm text-[var(--vp-c-text-1)] leading-6 font-600" data-v-1a4715a3>更多</span></div></div><!--]--></div></article><article class="border-b border-[var(--vp-c-divider)] grid grid-cols-1 md:col-span-2 md:grid-cols-[minmax(0,1fr)_minmax(0,2fr)]" data-v-1a4715a3><div class="px-5 py-8 border-b border-r border-[var(--vp-c-divider)] flex-1 sm:px-8 sm:py-10 md:border-b-0" data-v-1a4715a3><div class="text-[11px] text-[var(--vp-c-text-3)] tracking-[0.22em] font-600 uppercase sm:text-xs" data-v-1a4715a3> 03 </div><h3 class="text-2xl text-[var(--vp-c-text-1)] leading-[1.1] tracking-[-0.035em] font-650 mt-3 sm:text-3xl" data-v-1a4715a3> 主题百变 </h3><p class="text-sm text-[var(--vp-c-text-2)] leading-7 mt-3 max-w-xl text-pretty sm:text-base" data-v-1a4715a3> 提供明暗双态与多套主题配色方案,让品牌气质、场景情绪与管理系统视觉系统保持统一演进。 </p></div><div class="p-4 flex flex-col gap-3" data-v-1a4715a3><div class="group/marquee flex overflow-hidden p-2 [gap:var(--gap)] flex-row rtl:justify-end mask-l-from-80% mask-r-from-80% py-0 [--duration:34s] [--gap:0.75rem]" data-v-1a4715a3 data-v-bb31a344><!--[--><div class="flex shrink-0 justify-around [gap:var(--gap)] animate-marquee flex-row group-hover/marquee:[animation-play-state:paused]" style="animation-direction:normal;" data-v-bb31a344><!--[--><!--[--><figure class="border border-[var(--vp-c-divider)] bg-[var(--vp-c-bg)] flex shrink-0 h-[250px] overflow-hidden" data-v-1a4715a3><img src="/assets/theme-default-light.DKeehLDo.png" alt="Default Light" class="h-full w-full object-cover" data-v-1a4715a3></figure><figure class="border border-[var(--vp-c-divider)] bg-[var(--vp-c-bg)] flex shrink-0 h-[250px] overflow-hidden" data-v-1a4715a3><img src="/assets/theme-blue-light.D1x8lakd.png" alt="Blue Light" class="h-full w-full object-cover" data-v-1a4715a3></figure><figure class="border border-[var(--vp-c-divider)] bg-[var(--vp-c-bg)] flex shrink-0 h-[250px] overflow-hidden" data-v-1a4715a3><img src="/assets/theme-green-light.CtFfSFs_.png" alt="Green Light" class="h-full w-full object-cover" data-v-1a4715a3></figure><figure class="border border-[var(--vp-c-divider)] bg-[var(--vp-c-bg)] flex shrink-0 h-[250px] overflow-hidden" data-v-1a4715a3><img src="/assets/theme-orange-light.Ou18xqI9.png" alt="Orange Light" class="h-full w-full object-cover" data-v-1a4715a3></figure><figure class="border border-[var(--vp-c-divider)] bg-[var(--vp-c-bg)] flex shrink-0 h-[250px] overflow-hidden" data-v-1a4715a3><img src="/assets/theme-rose-light.gTfO7ou9.png" alt="Rose Light" class="h-full w-full object-cover" data-v-1a4715a3></figure><figure class="border border-[var(--vp-c-divider)] bg-[var(--vp-c-bg)] flex shrink-0 h-[250px] overflow-hidden" data-v-1a4715a3><img src="/assets/theme-violet-light.Q8f0LNEk.png" alt="Violet Light" class="h-full w-full object-cover" data-v-1a4715a3></figure><!--]--><!--]--></div><div class="flex shrink-0 justify-around [gap:var(--gap)] animate-marquee flex-row group-hover/marquee:[animation-play-state:paused]" style="animation-direction:normal;" data-v-bb31a344><!--[--><!--[--><figure class="border border-[var(--vp-c-divider)] bg-[var(--vp-c-bg)] flex shrink-0 h-[250px] overflow-hidden" data-v-1a4715a3><img src="/assets/theme-default-light.DKeehLDo.png" alt="Default Light" class="h-full w-full object-cover" data-v-1a4715a3></figure><figure class="border border-[var(--vp-c-divider)] bg-[var(--vp-c-bg)] flex shrink-0 h-[250px] overflow-hidden" data-v-1a4715a3><img src="/assets/theme-blue-light.D1x8lakd.png" alt="Blue Light" class="h-full w-full object-cover" data-v-1a4715a3></figure><figure class="border border-[var(--vp-c-divider)] bg-[var(--vp-c-bg)] flex shrink-0 h-[250px] overflow-hidden" data-v-1a4715a3><img src="/assets/theme-green-light.CtFfSFs_.png" alt="Green Light" class="h-full w-full object-cover" data-v-1a4715a3></figure><figure class="border border-[var(--vp-c-divider)] bg-[var(--vp-c-bg)] flex shrink-0 h-[250px] overflow-hidden" data-v-1a4715a3><img src="/assets/theme-orange-light.Ou18xqI9.png" alt="Orange Light" class="h-full w-full object-cover" data-v-1a4715a3></figure><figure class="border border-[var(--vp-c-divider)] bg-[var(--vp-c-bg)] flex shrink-0 h-[250px] overflow-hidden" data-v-1a4715a3><img src="/assets/theme-rose-light.gTfO7ou9.png" alt="Rose Light" class="h-full w-full object-cover" data-v-1a4715a3></figure><figure class="border border-[var(--vp-c-divider)] bg-[var(--vp-c-bg)] flex shrink-0 h-[250px] overflow-hidden" data-v-1a4715a3><img src="/assets/theme-violet-light.Q8f0LNEk.png" alt="Violet Light" class="h-full w-full object-cover" data-v-1a4715a3></figure><!--]--><!--]--></div><!--]--></div><div class="group/marquee flex overflow-hidden p-2 [gap:var(--gap)] flex-row rtl:justify-end mask-l-from-80% mask-r-from-80% py-0 [--duration:36s] [--gap:0.75rem]" data-v-1a4715a3 data-v-bb31a344><!--[--><div class="flex shrink-0 justify-around [gap:var(--gap)] animate-marquee flex-row group-hover/marquee:[animation-play-state:paused]" style="animation-direction:reverse;" data-v-bb31a344><!--[--><!--[--><figure class="border border-[var(--vp-c-divider)] bg-[var(--vp-c-bg)] flex shrink-0 h-[250px] overflow-hidden" data-v-1a4715a3><img src="/assets/theme-default-dark.ZTUPWCWT.png" alt="Default Dark" class="h-full w-full object-cover" data-v-1a4715a3></figure><figure class="border border-[var(--vp-c-divider)] bg-[var(--vp-c-bg)] flex shrink-0 h-[250px] overflow-hidden" data-v-1a4715a3><img src="/assets/theme-blue-dark.D4thGyye.png" alt="Blue Dark" class="h-full w-full object-cover" data-v-1a4715a3></figure><figure class="border border-[var(--vp-c-divider)] bg-[var(--vp-c-bg)] flex shrink-0 h-[250px] overflow-hidden" data-v-1a4715a3><img src="/assets/theme-green-dark.BR2XWZkS.png" alt="Green Dark" class="h-full w-full object-cover" data-v-1a4715a3></figure><figure class="border border-[var(--vp-c-divider)] bg-[var(--vp-c-bg)] flex shrink-0 h-[250px] overflow-hidden" data-v-1a4715a3><img src="/assets/theme-orange-dark.B0eUzAPM.png" alt="Orange Dark" class="h-full w-full object-cover" data-v-1a4715a3></figure><figure class="border border-[var(--vp-c-divider)] bg-[var(--vp-c-bg)] flex shrink-0 h-[250px] overflow-hidden" data-v-1a4715a3><img src="/assets/theme-rose-dark.BGOfL5xs.png" alt="Rose Dark" class="h-full w-full object-cover" data-v-1a4715a3></figure><figure class="border border-[var(--vp-c-divider)] bg-[var(--vp-c-bg)] flex shrink-0 h-[250px] overflow-hidden" data-v-1a4715a3><img src="/assets/theme-violet-dark.Difgt3b5.png" alt="Violet Dark" class="h-full w-full object-cover" data-v-1a4715a3></figure><!--]--><!--]--></div><div class="flex shrink-0 justify-around [gap:var(--gap)] animate-marquee flex-row group-hover/marquee:[animation-play-state:paused]" style="animation-direction:reverse;" data-v-bb31a344><!--[--><!--[--><figure class="border border-[var(--vp-c-divider)] bg-[var(--vp-c-bg)] flex shrink-0 h-[250px] overflow-hidden" data-v-1a4715a3><img src="/assets/theme-default-dark.ZTUPWCWT.png" alt="Default Dark" class="h-full w-full object-cover" data-v-1a4715a3></figure><figure class="border border-[var(--vp-c-divider)] bg-[var(--vp-c-bg)] flex shrink-0 h-[250px] overflow-hidden" data-v-1a4715a3><img src="/assets/theme-blue-dark.D4thGyye.png" alt="Blue Dark" class="h-full w-full object-cover" data-v-1a4715a3></figure><figure class="border border-[var(--vp-c-divider)] bg-[var(--vp-c-bg)] flex shrink-0 h-[250px] overflow-hidden" data-v-1a4715a3><img src="/assets/theme-green-dark.BR2XWZkS.png" alt="Green Dark" class="h-full w-full object-cover" data-v-1a4715a3></figure><figure class="border border-[var(--vp-c-divider)] bg-[var(--vp-c-bg)] flex shrink-0 h-[250px] overflow-hidden" data-v-1a4715a3><img src="/assets/theme-orange-dark.B0eUzAPM.png" alt="Orange Dark" class="h-full w-full object-cover" data-v-1a4715a3></figure><figure class="border border-[var(--vp-c-divider)] bg-[var(--vp-c-bg)] flex shrink-0 h-[250px] overflow-hidden" data-v-1a4715a3><img src="/assets/theme-rose-dark.BGOfL5xs.png" alt="Rose Dark" class="h-full w-full object-cover" data-v-1a4715a3></figure><figure class="border border-[var(--vp-c-divider)] bg-[var(--vp-c-bg)] flex shrink-0 h-[250px] overflow-hidden" data-v-1a4715a3><img src="/assets/theme-violet-dark.Difgt3b5.png" alt="Violet Dark" class="h-full w-full object-cover" data-v-1a4715a3></figure><!--]--><!--]--></div><!--]--></div></div></article><article class="border-b border-[var(--vp-c-divider)] grid grid-cols-1 md:col-span-2 md:grid-cols-[minmax(0,1fr)_minmax(0,2fr)]" data-v-1a4715a3><div class="px-5 py-8 border-b border-r border-[var(--vp-c-divider)] flex-1 sm:px-8 sm:py-10 md:border-b-0" data-v-1a4715a3><div class="text-[11px] text-[var(--vp-c-text-3)] tracking-[0.22em] font-600 uppercase sm:text-xs" data-v-1a4715a3> 04 </div><h3 class="text-2xl text-[var(--vp-c-text-1)] leading-[1.1] tracking-[-0.035em] font-650 mt-3 sm:text-3xl" data-v-1a4715a3> 页面布局 </h3><p class="text-sm text-[var(--vp-c-text-2)] leading-7 mt-3 max-w-xl text-pretty sm:text-base" data-v-1a4715a3> 同一套业务页面可适配自适应或居中布局结构,在内容承载效率与视觉风格之间保留足够调节空间。 </p></div><div class="p-4 [background:linear-gradient(180deg,rgb(11_18_35_/_0.08),rgb(11_18_35_/_0.02)),radial-gradient(circle_at_12%_18%,rgb(99_102_241_/_0.22),transparent_40%),radial-gradient(circle_at_84%_86%,rgb(6_182_212_/_0.24),transparent_46%)] sm:p-5" data-v-1a4715a3><div class="border border-[var(--vp-c-divider)] rounded-[24px] border-solid bg-[var(--vp-c-bg-soft)] flex flex-col min-h-[360px] overflow-hidden" data-v-1a4715a3><div class="border-b border-[var(--vp-c-divider)] border-solid grid grid-cols-3" data-v-1a4715a3><!--[--><button class="bg-[var(--vp-c-bg)] text-[var(--vp-c-text-1)] shadow-[inset_0_-2px_0_var(--vp-c-brand-1)] text-[12px] leading-none font-600 px-4 py-4 border-r border-[var(--vp-c-divider)] border-solid transition-colors duration-300 ease-[cubic-bezier(0.16,1,0.3,1)] last:border-r-0" type="button" data-v-1a4715a3>自适应</button><button class="text-[var(--vp-c-text-2)] hover:bg-[var(--vp-c-bg-soft)] hover:text-[var(--vp-c-text-1)] text-[12px] leading-none font-600 px-4 py-4 border-r border-[var(--vp-c-divider)] border-solid transition-colors duration-300 ease-[cubic-bezier(0.16,1,0.3,1)] last:border-r-0" type="button" data-v-1a4715a3>内层居中</button><button class="text-[var(--vp-c-text-2)] hover:bg-[var(--vp-c-bg-soft)] hover:text-[var(--vp-c-text-1)] text-[12px] leading-none font-600 px-4 py-4 border-r border-[var(--vp-c-divider)] border-solid transition-colors duration-300 ease-[cubic-bezier(0.16,1,0.3,1)] last:border-r-0" type="button" data-v-1a4715a3>外层居中</button><!--]--></div><div class="bg-[var(--vp-c-bg-soft)] flex flex-1 items-center justify-center overflow-hidden" data-v-1a4715a3><img loading="lazy" src="/settings/app-layout-center-off.png" alt="自适应" class="h-full w-full aspect-[3568/1738] object-cover" data-v-1a4715a3></div></div></div></article><article class="border-b border-[var(--vp-c-divider)] grid grid-cols-1 md:col-span-2 md:grid-cols-[minmax(0,1fr)_minmax(0,2fr)]" data-v-1a4715a3><div class="px-5 py-8 border-r border-[var(--vp-c-divider)] flex-1 sm:px-8 sm:py-10" data-v-1a4715a3><div class="text-[11px] text-[var(--vp-c-text-3)] tracking-[0.22em] font-600 uppercase sm:text-xs" data-v-1a4715a3> 05 </div><h3 class="text-2xl text-[var(--vp-c-text-1)] leading-[1.1] tracking-[-0.035em] font-650 mt-3 sm:text-3xl" data-v-1a4715a3> 丰富的导航菜单模式 </h3><p class="text-sm text-[var(--vp-c-text-2)] leading-7 mt-3 max-w-xl text-pretty sm:text-base" data-v-1a4715a3> 支持侧边栏、顶部、混合、分栏等多种导航组织方式,让信息层级、操作路径与产品阶段保持更好的匹配。 </p></div><div class="p-4 pb-0 [background:linear-gradient(180deg,rgb(8_15_27_/_0.08),rgb(8_15_27_/_0.02)),radial-gradient(circle_at_18%_82%,rgb(34_211_238_/_0.28),transparent_44%),radial-gradient(circle_at_82%_18%,rgb(59_130_246_/_0.2),transparent_42%)] of-hidden sm:p-5 sm:pb-0" data-v-1a4715a3><div class="menu-mode-showcase mb--6 mt-6 border border-[var(--vp-c-divider)] rounded-t-[24px] border-solid bg-[var(--vp-c-bg-soft)] flex min-h-[400px] overflow-visible" data-v-1a4715a3><!--[--><div class="menu-mode-item border-r border-[var(--vp-c-divider)] border-4 border-solid last:border-r-4 first:rounded-tl-[24px] last:rounded-tr-[24px]" data-v-1a4715a3><div class="menu-mode-frame" data-v-1a4715a3><img loading="lazy" class="menu-mode-image" alt="head" src="/settings/menu-mode-head.png" data-v-1a4715a3></div><div class="menu-mode-label" data-v-1a4715a3>head</div></div><div class="menu-mode-item border-r border-[var(--vp-c-divider)] border-4 border-solid last:border-r-4 first:rounded-tl-[24px] last:rounded-tr-[24px]" data-v-1a4715a3><div class="menu-mode-frame" data-v-1a4715a3><img loading="lazy" class="menu-mode-image" alt="side" src="/settings/menu-mode-side.png" data-v-1a4715a3></div><div class="menu-mode-label" data-v-1a4715a3>side</div></div><div class="menu-mode-item border-r border-[var(--vp-c-divider)] border-4 border-solid last:border-r-4 first:rounded-tl-[24px] last:rounded-tr-[24px]" data-v-1a4715a3><div class="menu-mode-frame" data-v-1a4715a3><img loading="lazy" class="menu-mode-image" alt="single" src="/settings/menu-mode-single.png" data-v-1a4715a3></div><div class="menu-mode-label" data-v-1a4715a3>single</div></div><div class="menu-mode-item border-r border-[var(--vp-c-divider)] border-4 border-solid last:border-r-4 first:rounded-tl-[24px] last:rounded-tr-[24px]" data-v-1a4715a3><div class="menu-mode-frame" data-v-1a4715a3><img loading="lazy" class="menu-mode-image" alt="only-side" src="/settings/menu-mode-only-side.png" data-v-1a4715a3></div><div class="menu-mode-label" data-v-1a4715a3>only-side</div></div><div class="menu-mode-item border-r border-[var(--vp-c-divider)] border-4 border-solid last:border-r-4 first:rounded-tl-[24px] last:rounded-tr-[24px]" data-v-1a4715a3><div class="menu-mode-frame" data-v-1a4715a3><img loading="lazy" class="menu-mode-image" alt="only-head" src="/settings/menu-mode-only-head.png" data-v-1a4715a3></div><div class="menu-mode-label" data-v-1a4715a3>only-head</div></div><div class="menu-mode-item border-r border-[var(--vp-c-divider)] border-4 border-solid last:border-r-4 first:rounded-tl-[24px] last:rounded-tr-[24px]" data-v-1a4715a3><div class="menu-mode-frame" data-v-1a4715a3><img loading="lazy" class="menu-mode-image" alt="side-panel" src="/settings/menu-mode-side-panel.png" data-v-1a4715a3></div><div class="menu-mode-label" data-v-1a4715a3>side-panel</div></div><div class="menu-mode-item border-r border-[var(--vp-c-divider)] border-4 border-solid last:border-r-4 first:rounded-tl-[24px] last:rounded-tr-[24px]" data-v-1a4715a3><div class="menu-mode-frame" data-v-1a4715a3><img loading="lazy" class="menu-mode-image" alt="head-panel" src="/settings/menu-mode-head-panel.png" data-v-1a4715a3></div><div class="menu-mode-label" data-v-1a4715a3>head-panel</div></div><!--]--></div></div></article><article class="grid grid-cols-1 md:col-span-2 md:grid-cols-[minmax(0,1fr)_minmax(0,2fr)]" data-v-1a4715a3><div class="px-5 py-8 border-r border-[var(--vp-c-divider)] flex-1 sm:px-8 sm:py-10" data-v-1a4715a3><div class="text-[11px] text-[var(--vp-c-text-3)] tracking-[0.22em] font-600 uppercase sm:text-xs" data-v-1a4715a3> 06 </div><h3 class="text-2xl text-[var(--vp-c-text-1)] leading-[1.1] tracking-[-0.035em] font-650 mt-3 sm:text-3xl" data-v-1a4715a3> 极强的扩展性 </h3><p class="text-sm text-[var(--vp-c-text-2)] leading-7 mt-3 max-w-xl text-pretty sm:text-base" data-v-1a4715a3> 通过预留插槽与布局注入能力,可以在头部、侧边、工具栏或页面各个区域灵活扩展属于自己产品的内容。 </p></div><div class="p-4 [background:linear-gradient(180deg,rgb(14_12_28_/_0.08),rgb(14_12_28_/_0.02)),radial-gradient(circle_at_18%_82%,rgb(34_211_238_/_0.24),transparent_44%),radial-gradient(circle_at_78%_14%,rgb(168_85_247_/_0.22),transparent_40%)] sm:p-5" data-v-1a4715a3><div class="border border-[var(--vp-c-divider)] rounded-[24px] border-solid bg-[var(--vp-c-bg-soft)] flex flex-col min-h-[360px] overflow-hidden" data-v-1a4715a3><div class="border-b border-[var(--vp-c-divider)] border-solid flex" data-v-1a4715a3><!--[--><button class="bg-[var(--vp-c-bg)] text-[var(--vp-c-text-1)] shadow-[inset_0_-2px_0_var(--vp-c-brand-1)] text-[12px] leading-none font-600 px-4 py-4 border-r border-[var(--vp-c-divider)] border-solid flex-1 transition-colors duration-300 ease-[cubic-bezier(0.16,1,0.3,1)] last:border-r-0" type="button" data-v-1a4715a3>切换组织</button><button class="text-[var(--vp-c-text-2)] hover:bg-[var(--vp-c-bg-soft)] hover:text-[var(--vp-c-text-1)] text-[12px] leading-none font-600 px-4 py-4 border-r border-[var(--vp-c-divider)] border-solid flex-1 transition-colors duration-300 ease-[cubic-bezier(0.16,1,0.3,1)] last:border-r-0" type="button" data-v-1a4715a3>横幅公告</button><button class="text-[var(--vp-c-text-2)] hover:bg-[var(--vp-c-bg-soft)] hover:text-[var(--vp-c-text-1)] text-[12px] leading-none font-600 px-4 py-4 border-r border-[var(--vp-c-divider)] border-solid flex-1 transition-colors duration-300 ease-[cubic-bezier(0.16,1,0.3,1)] last:border-r-0" type="button" data-v-1a4715a3>关于我们</button><!--]--></div><div class="bg-[var(--vp-c-bg-soft)] flex flex-1 items-center justify-center overflow-hidden" data-v-1a4715a3><img loading="lazy" src="/slots-example2.gif" alt="切换组织" class="h-full w-full object-cover" data-v-1a4715a3></div></div></div></article></div></div><div class="mx-auto border-x border-t border-[var(--vp-c-divider)] border-solid max-w-[1400px]" data-v-1a4715a3><div class="mt-12 px-5 py-14 text-center border-y border-[var(--vp-c-divider)] border-solid flex flex-col gap-4 items-center sm:px-10 sm:py-20" data-v-1a4715a3><div class="text-[11px] text-[var(--vp-c-text-3)] tracking-[0.24em] font-600 uppercase sm:text-xs" data-v-1a4715a3> Testimonials </div><h2 class="text-3xl text-[var(--vp-c-text-1)] leading-[1.08] tracking-[-0.04em] font-650 max-w-2xl text-balance sm:text-5xl" data-v-1a4715a3> 来自用户的反馈 </h2><div class="text-base text-[var(--vp-c-text-2)] leading-8 max-w-2xl text-pretty sm:text-lg" data-v-1a4715a3><p class="text-pretty" data-v-1a4715a3> 框架是否真正好用,最终要回到项目交付、团队协作与长期维护这些真实场景里 </p><p class="text-pretty" data-v-1a4715a3> 这些评价来自已经在业务中使用 Fantastic-admin 的开发者与团队 </p></div></div><div class="h-[300px] pointer-events-none inset-0 absolute relative overflow-hidden" data-v-1a4715a3><!--[--><div class="group/marquee flex overflow-hidden p-2 [--gap:1rem] [gap:var(--gap)] flex-row rtl:justify-end mask-l-from-80% mask-r-from-80% w-[140%] [--duration:60s] left-[-20%] absolute" style="transform:translateY(-20rem) rotate(-16deg);" data-v-1a4715a3 data-v-bb31a344><!--[--><div class="flex shrink-0 justify-around [gap:var(--gap)] animate-marquee flex-row" style="animation-direction:normal;" data-v-bb31a344><!--[--><!--[--><figure class="p-4 border border-gray-950/10 rounded-xl border-solid bg-gray-950/1 h-48 w-64 overflow-hidden dark:border-gray-50/10 dark:bg-gray-50/1" data-v-1a4715a3><div class="flex flex-row gap-2 items-center" data-v-1a4715a3><img loading="lazy" src="https://avatar.vercel.sh/y***@163.com" class="rounded-full size-8" data-v-1a4715a3><div class="flex flex-col" data-v-1a4715a3><span class="text-base font-medium dark:text-white" data-v-1a4715a3>y***@163.com</span></div></div><blockquote class="text-sm mt-2 text-pretty" data-v-1a4715a3>作为一个16年开发经验的老程序员,一看到这套框架就被深深的吸引,在对比开发成本和购买成本后,果断选择了专业版。</blockquote></figure><figure class="p-4 border border-gray-950/10 rounded-xl border-solid bg-gray-950/1 h-48 w-64 overflow-hidden dark:border-gray-50/10 dark:bg-gray-50/1" data-v-1a4715a3><div class="flex flex-row gap-2 items-center" data-v-1a4715a3><img loading="lazy" src="https://avatar.vercel.sh/4***@qq.com" class="rounded-full size-8" data-v-1a4715a3><div class="flex flex-col" data-v-1a4715a3><span class="text-base font-medium dark:text-white" data-v-1a4715a3>4***@qq.com</span></div></div><blockquote class="text-sm mt-2 text-pretty" data-v-1a4715a3>做为个人开发者,本人兼任前端和后端的工作。Fantastic-admin 拿来即用,解决了没有前端,没有美工的困扰。</blockquote></figure><figure class="p-4 border border-gray-950/10 rounded-xl border-solid bg-gray-950/1 h-48 w-64 overflow-hidden dark:border-gray-50/10 dark:bg-gray-50/1" data-v-1a4715a3><div class="flex flex-row gap-2 items-center" data-v-1a4715a3><img loading="lazy" src="https://avatar.vercel.sh/b***@gmail.com" class="rounded-full size-8" data-v-1a4715a3><div class="flex flex-col" data-v-1a4715a3><span class="text-base font-medium dark:text-white" data-v-1a4715a3>b***@gmail.com</span></div></div><blockquote class="text-sm mt-2 text-pretty" data-v-1a4715a3>我觉得 Fantastic-admin 最大的优势和吸引人的地方是产品性很强,前两年就买了专业版,一直在用。</blockquote></figure><figure class="p-4 border border-gray-950/10 rounded-xl border-solid bg-gray-950/1 h-48 w-64 overflow-hidden dark:border-gray-50/10 dark:bg-gray-50/1" data-v-1a4715a3><div class="flex flex-row gap-2 items-center" data-v-1a4715a3><img loading="lazy" src="https://avatar.vercel.sh/r***@aliyun.com" class="rounded-full size-8" data-v-1a4715a3><div class="flex flex-col" data-v-1a4715a3><span class="text-base font-medium dark:text-white" data-v-1a4715a3>r***@aliyun.com</span></div></div><blockquote class="text-sm mt-2 text-pretty" data-v-1a4715a3>我是搞后端的,这个模板好好用,期待加入更多的页面可以直接用。</blockquote></figure><figure class="p-4 border border-gray-950/10 rounded-xl border-solid bg-gray-950/1 h-48 w-64 overflow-hidden dark:border-gray-50/10 dark:bg-gray-50/1" data-v-1a4715a3><div class="flex flex-row gap-2 items-center" data-v-1a4715a3><img loading="lazy" src="https://avatar.vercel.sh/a***@163.com" class="rounded-full size-8" data-v-1a4715a3><div class="flex flex-col" data-v-1a4715a3><span class="text-base font-medium dark:text-white" data-v-1a4715a3>a***@163.com</span></div></div><blockquote class="text-sm mt-2 text-pretty" data-v-1a4715a3>厉害👍🏻,是后台系统里见过最好的框架。</blockquote></figure><!--]--><!--]--></div><div class="flex shrink-0 justify-around [gap:var(--gap)] animate-marquee flex-row" style="animation-direction:normal;" data-v-bb31a344><!--[--><!--[--><figure class="p-4 border border-gray-950/10 rounded-xl border-solid bg-gray-950/1 h-48 w-64 overflow-hidden dark:border-gray-50/10 dark:bg-gray-50/1" data-v-1a4715a3><div class="flex flex-row gap-2 items-center" data-v-1a4715a3><img loading="lazy" src="https://avatar.vercel.sh/y***@163.com" class="rounded-full size-8" data-v-1a4715a3><div class="flex flex-col" data-v-1a4715a3><span class="text-base font-medium dark:text-white" data-v-1a4715a3>y***@163.com</span></div></div><blockquote class="text-sm mt-2 text-pretty" data-v-1a4715a3>作为一个16年开发经验的老程序员,一看到这套框架就被深深的吸引,在对比开发成本和购买成本后,果断选择了专业版。</blockquote></figure><figure class="p-4 border border-gray-950/10 rounded-xl border-solid bg-gray-950/1 h-48 w-64 overflow-hidden dark:border-gray-50/10 dark:bg-gray-50/1" data-v-1a4715a3><div class="flex flex-row gap-2 items-center" data-v-1a4715a3><img loading="lazy" src="https://avatar.vercel.sh/4***@qq.com" class="rounded-full size-8" data-v-1a4715a3><div class="flex flex-col" data-v-1a4715a3><span class="text-base font-medium dark:text-white" data-v-1a4715a3>4***@qq.com</span></div></div><blockquote class="text-sm mt-2 text-pretty" data-v-1a4715a3>做为个人开发者,本人兼任前端和后端的工作。Fantastic-admin 拿来即用,解决了没有前端,没有美工的困扰。</blockquote></figure><figure class="p-4 border border-gray-950/10 rounded-xl border-solid bg-gray-950/1 h-48 w-64 overflow-hidden dark:border-gray-50/10 dark:bg-gray-50/1" data-v-1a4715a3><div class="flex flex-row gap-2 items-center" data-v-1a4715a3><img loading="lazy" src="https://avatar.vercel.sh/b***@gmail.com" class="rounded-full size-8" data-v-1a4715a3><div class="flex flex-col" data-v-1a4715a3><span class="text-base font-medium dark:text-white" data-v-1a4715a3>b***@gmail.com</span></div></div><blockquote class="text-sm mt-2 text-pretty" data-v-1a4715a3>我觉得 Fantastic-admin 最大的优势和吸引人的地方是产品性很强,前两年就买了专业版,一直在用。</blockquote></figure><figure class="p-4 border border-gray-950/10 rounded-xl border-solid bg-gray-950/1 h-48 w-64 overflow-hidden dark:border-gray-50/10 dark:bg-gray-50/1" data-v-1a4715a3><div class="flex flex-row gap-2 items-center" data-v-1a4715a3><img loading="lazy" src="https://avatar.vercel.sh/r***@aliyun.com" class="rounded-full size-8" data-v-1a4715a3><div class="flex flex-col" data-v-1a4715a3><span class="text-base font-medium dark:text-white" data-v-1a4715a3>r***@aliyun.com</span></div></div><blockquote class="text-sm mt-2 text-pretty" data-v-1a4715a3>我是搞后端的,这个模板好好用,期待加入更多的页面可以直接用。</blockquote></figure><figure class="p-4 border border-gray-950/10 rounded-xl border-solid bg-gray-950/1 h-48 w-64 overflow-hidden dark:border-gray-50/10 dark:bg-gray-50/1" data-v-1a4715a3><div class="flex flex-row gap-2 items-center" data-v-1a4715a3><img loading="lazy" src="https://avatar.vercel.sh/a***@163.com" class="rounded-full size-8" data-v-1a4715a3><div class="flex flex-col" data-v-1a4715a3><span class="text-base font-medium dark:text-white" data-v-1a4715a3>a***@163.com</span></div></div><blockquote class="text-sm mt-2 text-pretty" data-v-1a4715a3>厉害👍🏻,是后台系统里见过最好的框架。</blockquote></figure><!--]--><!--]--></div><div class="flex shrink-0 justify-around [gap:var(--gap)] animate-marquee flex-row" style="animation-direction:normal;" data-v-bb31a344><!--[--><!--[--><figure class="p-4 border border-gray-950/10 rounded-xl border-solid bg-gray-950/1 h-48 w-64 overflow-hidden dark:border-gray-50/10 dark:bg-gray-50/1" data-v-1a4715a3><div class="flex flex-row gap-2 items-center" data-v-1a4715a3><img loading="lazy" src="https://avatar.vercel.sh/y***@163.com" class="rounded-full size-8" data-v-1a4715a3><div class="flex flex-col" data-v-1a4715a3><span class="text-base font-medium dark:text-white" data-v-1a4715a3>y***@163.com</span></div></div><blockquote class="text-sm mt-2 text-pretty" data-v-1a4715a3>作为一个16年开发经验的老程序员,一看到这套框架就被深深的吸引,在对比开发成本和购买成本后,果断选择了专业版。</blockquote></figure><figure class="p-4 border border-gray-950/10 rounded-xl border-solid bg-gray-950/1 h-48 w-64 overflow-hidden dark:border-gray-50/10 dark:bg-gray-50/1" data-v-1a4715a3><div class="flex flex-row gap-2 items-center" data-v-1a4715a3><img loading="lazy" src="https://avatar.vercel.sh/4***@qq.com" class="rounded-full size-8" data-v-1a4715a3><div class="flex flex-col" data-v-1a4715a3><span class="text-base font-medium dark:text-white" data-v-1a4715a3>4***@qq.com</span></div></div><blockquote class="text-sm mt-2 text-pretty" data-v-1a4715a3>做为个人开发者,本人兼任前端和后端的工作。Fantastic-admin 拿来即用,解决了没有前端,没有美工的困扰。</blockquote></figure><figure class="p-4 border border-gray-950/10 rounded-xl border-solid bg-gray-950/1 h-48 w-64 overflow-hidden dark:border-gray-50/10 dark:bg-gray-50/1" data-v-1a4715a3><div class="flex flex-row gap-2 items-center" data-v-1a4715a3><img loading="lazy" src="https://avatar.vercel.sh/b***@gmail.com" class="rounded-full size-8" data-v-1a4715a3><div class="flex flex-col" data-v-1a4715a3><span class="text-base font-medium dark:text-white" data-v-1a4715a3>b***@gmail.com</span></div></div><blockquote class="text-sm mt-2 text-pretty" data-v-1a4715a3>我觉得 Fantastic-admin 最大的优势和吸引人的地方是产品性很强,前两年就买了专业版,一直在用。</blockquote></figure><figure class="p-4 border border-gray-950/10 rounded-xl border-solid bg-gray-950/1 h-48 w-64 overflow-hidden dark:border-gray-50/10 dark:bg-gray-50/1" data-v-1a4715a3><div class="flex flex-row gap-2 items-center" data-v-1a4715a3><img loading="lazy" src="https://avatar.vercel.sh/r***@aliyun.com" class="rounded-full size-8" data-v-1a4715a3><div class="flex flex-col" data-v-1a4715a3><span class="text-base font-medium dark:text-white" data-v-1a4715a3>r***@aliyun.com</span></div></div><blockquote class="text-sm mt-2 text-pretty" data-v-1a4715a3>我是搞后端的,这个模板好好用,期待加入更多的页面可以直接用。</blockquote></figure><figure class="p-4 border border-gray-950/10 rounded-xl border-solid bg-gray-950/1 h-48 w-64 overflow-hidden dark:border-gray-50/10 dark:bg-gray-50/1" data-v-1a4715a3><div class="flex flex-row gap-2 items-center" data-v-1a4715a3><img loading="lazy" src="https://avatar.vercel.sh/a***@163.com" class="rounded-full size-8" data-v-1a4715a3><div class="flex flex-col" data-v-1a4715a3><span class="text-base font-medium dark:text-white" data-v-1a4715a3>a***@163.com</span></div></div><blockquote class="text-sm mt-2 text-pretty" data-v-1a4715a3>厉害👍🏻,是后台系统里见过最好的框架。</blockquote></figure><!--]--><!--]--></div><div class="flex shrink-0 justify-around [gap:var(--gap)] animate-marquee flex-row" style="animation-direction:normal;" data-v-bb31a344><!--[--><!--[--><figure class="p-4 border border-gray-950/10 rounded-xl border-solid bg-gray-950/1 h-48 w-64 overflow-hidden dark:border-gray-50/10 dark:bg-gray-50/1" data-v-1a4715a3><div class="flex flex-row gap-2 items-center" data-v-1a4715a3><img loading="lazy" src="https://avatar.vercel.sh/y***@163.com" class="rounded-full size-8" data-v-1a4715a3><div class="flex flex-col" data-v-1a4715a3><span class="text-base font-medium dark:text-white" data-v-1a4715a3>y***@163.com</span></div></div><blockquote class="text-sm mt-2 text-pretty" data-v-1a4715a3>作为一个16年开发经验的老程序员,一看到这套框架就被深深的吸引,在对比开发成本和购买成本后,果断选择了专业版。</blockquote></figure><figure class="p-4 border border-gray-950/10 rounded-xl border-solid bg-gray-950/1 h-48 w-64 overflow-hidden dark:border-gray-50/10 dark:bg-gray-50/1" data-v-1a4715a3><div class="flex flex-row gap-2 items-center" data-v-1a4715a3><img loading="lazy" src="https://avatar.vercel.sh/4***@qq.com" class="rounded-full size-8" data-v-1a4715a3><div class="flex flex-col" data-v-1a4715a3><span class="text-base font-medium dark:text-white" data-v-1a4715a3>4***@qq.com</span></div></div><blockquote class="text-sm mt-2 text-pretty" data-v-1a4715a3>做为个人开发者,本人兼任前端和后端的工作。Fantastic-admin 拿来即用,解决了没有前端,没有美工的困扰。</blockquote></figure><figure class="p-4 border border-gray-950/10 rounded-xl border-solid bg-gray-950/1 h-48 w-64 overflow-hidden dark:border-gray-50/10 dark:bg-gray-50/1" data-v-1a4715a3><div class="flex flex-row gap-2 items-center" data-v-1a4715a3><img loading="lazy" src="https://avatar.vercel.sh/b***@gmail.com" class="rounded-full size-8" data-v-1a4715a3><div class="flex flex-col" data-v-1a4715a3><span class="text-base font-medium dark:text-white" data-v-1a4715a3>b***@gmail.com</span></div></div><blockquote class="text-sm mt-2 text-pretty" data-v-1a4715a3>我觉得 Fantastic-admin 最大的优势和吸引人的地方是产品性很强,前两年就买了专业版,一直在用。</blockquote></figure><figure class="p-4 border border-gray-950/10 rounded-xl border-solid bg-gray-950/1 h-48 w-64 overflow-hidden dark:border-gray-50/10 dark:bg-gray-50/1" data-v-1a4715a3><div class="flex flex-row gap-2 items-center" data-v-1a4715a3><img loading="lazy" src="https://avatar.vercel.sh/r***@aliyun.com" class="rounded-full size-8" data-v-1a4715a3><div class="flex flex-col" data-v-1a4715a3><span class="text-base font-medium dark:text-white" data-v-1a4715a3>r***@aliyun.com</span></div></div><blockquote class="text-sm mt-2 text-pretty" data-v-1a4715a3>我是搞后端的,这个模板好好用,期待加入更多的页面可以直接用。</blockquote></figure><figure class="p-4 border border-gray-950/10 rounded-xl border-solid bg-gray-950/1 h-48 w-64 overflow-hidden dark:border-gray-50/10 dark:bg-gray-50/1" data-v-1a4715a3><div class="flex flex-row gap-2 items-center" data-v-1a4715a3><img loading="lazy" src="https://avatar.vercel.sh/a***@163.com" class="rounded-full size-8" data-v-1a4715a3><div class="flex flex-col" data-v-1a4715a3><span class="text-base font-medium dark:text-white" data-v-1a4715a3>a***@163.com</span></div></div><blockquote class="text-sm mt-2 text-pretty" data-v-1a4715a3>厉害👍🏻,是后台系统里见过最好的框架。</blockquote></figure><!--]--><!--]--></div><!--]--></div><div class="group/marquee flex overflow-hidden p-2 [--gap:1rem] [gap:var(--gap)] flex-row rtl:justify-end mask-l-from-80% mask-r-from-80% w-[140%] [--duration:60s] left-[-20%] absolute" style="transform:translateY(-6.5rem) rotate(-16deg);" data-v-1a4715a3 data-v-bb31a344><!--[--><div class="flex shrink-0 justify-around [gap:var(--gap)] animate-marquee flex-row" style="animation-direction:reverse;" data-v-bb31a344><!--[--><!--[--><figure class="p-4 border border-gray-950/10 rounded-xl border-solid bg-gray-950/1 h-48 w-64 overflow-hidden dark:border-gray-50/10 dark:bg-gray-50/1" data-v-1a4715a3><div class="flex flex-row gap-2 items-center" data-v-1a4715a3><img loading="lazy" src="https://avatar.vercel.sh/c***@msn.com" class="rounded-full size-8" data-v-1a4715a3><div class="flex flex-col" data-v-1a4715a3><span class="text-base font-medium dark:text-white" data-v-1a4715a3>c***@msn.com</span></div></div><blockquote class="text-sm mt-2 text-pretty" data-v-1a4715a3>从较低的上手难度,到完善的细节设计;从完善的示例,到详细而循序渐进的文档。无不体现作者作为一个技术专家之上的产品意识,这是诸多“开发框架”所达不到的理念高度。</blockquote></figure><figure class="p-4 border border-gray-950/10 rounded-xl border-solid bg-gray-950/1 h-48 w-64 overflow-hidden dark:border-gray-50/10 dark:bg-gray-50/1" data-v-1a4715a3><div class="flex flex-row gap-2 items-center" data-v-1a4715a3><img loading="lazy" src="https://avatar.vercel.sh/t***@126.com" class="rounded-full size-8" data-v-1a4715a3><div class="flex flex-col" data-v-1a4715a3><span class="text-base font-medium dark:text-white" data-v-1a4715a3>t***@126.com</span></div></div><blockquote class="text-sm mt-2 text-pretty" data-v-1a4715a3>售后服务及时,耐心解答各种问题,源码讲解耐心,努力帮助客户了解系统架构,从而更好的服务客服体系,界面美观,集成快捷,非常棒的框架。</blockquote></figure><figure class="p-4 border border-gray-950/10 rounded-xl border-solid bg-gray-950/1 h-48 w-64 overflow-hidden dark:border-gray-50/10 dark:bg-gray-50/1" data-v-1a4715a3><div class="flex flex-row gap-2 items-center" data-v-1a4715a3><img loading="lazy" src="https://avatar.vercel.sh/l***@163.com" class="rounded-full size-8" data-v-1a4715a3><div class="flex flex-col" data-v-1a4715a3><span class="text-base font-medium dark:text-white" data-v-1a4715a3>l***@163.com</span></div></div><blockquote class="text-sm mt-2 text-pretty" data-v-1a4715a3>可以说是目前最简单、易上手的 Vue3 中后台框架,框架本身已经涵盖了开发中几乎所有的基础功能,可以让开发者更注重业务本身的开发。</blockquote></figure><figure class="p-4 border border-gray-950/10 rounded-xl border-solid bg-gray-950/1 h-48 w-64 overflow-hidden dark:border-gray-50/10 dark:bg-gray-50/1" data-v-1a4715a3><div class="flex flex-row gap-2 items-center" data-v-1a4715a3><img loading="lazy" src="https://avatar.vercel.sh/3***@qq.com" class="rounded-full size-8" data-v-1a4715a3><div class="flex flex-col" data-v-1a4715a3><span class="text-base font-medium dark:text-white" data-v-1a4715a3>3***@qq.com</span></div></div><blockquote class="text-sm mt-2 text-pretty" data-v-1a4715a3>无论从颜值、组件丰富程度来说都是非常优秀的,对后端开发十分友好,代码规范清晰,即便不是很熟悉前端的后端开发人员也能快速上手。</blockquote></figure><figure class="p-4 border border-gray-950/10 rounded-xl border-solid bg-gray-950/1 h-48 w-64 overflow-hidden dark:border-gray-50/10 dark:bg-gray-50/1" data-v-1a4715a3><div class="flex flex-row gap-2 items-center" data-v-1a4715a3><img loading="lazy" src="https://avatar.vercel.sh/t***@163.com" class="rounded-full size-8" data-v-1a4715a3><div class="flex flex-col" data-v-1a4715a3><span class="text-base font-medium dark:text-white" data-v-1a4715a3>t***@163.com</span></div></div><blockquote class="text-sm mt-2 text-pretty" data-v-1a4715a3>Fantastic-admin 的设计、交互都十分现代化,文档健全,售后及时,最重要的是,它几乎没有什么 Bug ,使用体验太丝滑了。</blockquote></figure><!--]--><!--]--></div><div class="flex shrink-0 justify-around [gap:var(--gap)] animate-marquee flex-row" style="animation-direction:reverse;" data-v-bb31a344><!--[--><!--[--><figure class="p-4 border border-gray-950/10 rounded-xl border-solid bg-gray-950/1 h-48 w-64 overflow-hidden dark:border-gray-50/10 dark:bg-gray-50/1" data-v-1a4715a3><div class="flex flex-row gap-2 items-center" data-v-1a4715a3><img loading="lazy" src="https://avatar.vercel.sh/c***@msn.com" class="rounded-full size-8" data-v-1a4715a3><div class="flex flex-col" data-v-1a4715a3><span class="text-base font-medium dark:text-white" data-v-1a4715a3>c***@msn.com</span></div></div><blockquote class="text-sm mt-2 text-pretty" data-v-1a4715a3>从较低的上手难度,到完善的细节设计;从完善的示例,到详细而循序渐进的文档。无不体现作者作为一个技术专家之上的产品意识,这是诸多“开发框架”所达不到的理念高度。</blockquote></figure><figure class="p-4 border border-gray-950/10 rounded-xl border-solid bg-gray-950/1 h-48 w-64 overflow-hidden dark:border-gray-50/10 dark:bg-gray-50/1" data-v-1a4715a3><div class="flex flex-row gap-2 items-center" data-v-1a4715a3><img loading="lazy" src="https://avatar.vercel.sh/t***@126.com" class="rounded-full size-8" data-v-1a4715a3><div class="flex flex-col" data-v-1a4715a3><span class="text-base font-medium dark:text-white" data-v-1a4715a3>t***@126.com</span></div></div><blockquote class="text-sm mt-2 text-pretty" data-v-1a4715a3>售后服务及时,耐心解答各种问题,源码讲解耐心,努力帮助客户了解系统架构,从而更好的服务客服体系,界面美观,集成快捷,非常棒的框架。</blockquote></figure><figure class="p-4 border border-gray-950/10 rounded-xl border-solid bg-gray-950/1 h-48 w-64 overflow-hidden dark:border-gray-50/10 dark:bg-gray-50/1" data-v-1a4715a3><div class="flex flex-row gap-2 items-center" data-v-1a4715a3><img loading="lazy" src="https://avatar.vercel.sh/l***@163.com" class="rounded-full size-8" data-v-1a4715a3><div class="flex flex-col" data-v-1a4715a3><span class="text-base font-medium dark:text-white" data-v-1a4715a3>l***@163.com</span></div></div><blockquote class="text-sm mt-2 text-pretty" data-v-1a4715a3>可以说是目前最简单、易上手的 Vue3 中后台框架,框架本身已经涵盖了开发中几乎所有的基础功能,可以让开发者更注重业务本身的开发。</blockquote></figure><figure class="p-4 border border-gray-950/10 rounded-xl border-solid bg-gray-950/1 h-48 w-64 overflow-hidden dark:border-gray-50/10 dark:bg-gray-50/1" data-v-1a4715a3><div class="flex flex-row gap-2 items-center" data-v-1a4715a3><img loading="lazy" src="https://avatar.vercel.sh/3***@qq.com" class="rounded-full size-8" data-v-1a4715a3><div class="flex flex-col" data-v-1a4715a3><span class="text-base font-medium dark:text-white" data-v-1a4715a3>3***@qq.com</span></div></div><blockquote class="text-sm mt-2 text-pretty" data-v-1a4715a3>无论从颜值、组件丰富程度来说都是非常优秀的,对后端开发十分友好,代码规范清晰,即便不是很熟悉前端的后端开发人员也能快速上手。</blockquote></figure><figure class="p-4 border border-gray-950/10 rounded-xl border-solid bg-gray-950/1 h-48 w-64 overflow-hidden dark:border-gray-50/10 dark:bg-gray-50/1" data-v-1a4715a3><div class="flex flex-row gap-2 items-center" data-v-1a4715a3><img loading="lazy" src="https://avatar.vercel.sh/t***@163.com" class="rounded-full size-8" data-v-1a4715a3><div class="flex flex-col" data-v-1a4715a3><span class="text-base font-medium dark:text-white" data-v-1a4715a3>t***@163.com</span></div></div><blockquote class="text-sm mt-2 text-pretty" data-v-1a4715a3>Fantastic-admin 的设计、交互都十分现代化,文档健全,售后及时,最重要的是,它几乎没有什么 Bug ,使用体验太丝滑了。</blockquote></figure><!--]--><!--]--></div><div class="flex shrink-0 justify-around [gap:var(--gap)] animate-marquee flex-row" style="animation-direction:reverse;" data-v-bb31a344><!--[--><!--[--><figure class="p-4 border border-gray-950/10 rounded-xl border-solid bg-gray-950/1 h-48 w-64 overflow-hidden dark:border-gray-50/10 dark:bg-gray-50/1" data-v-1a4715a3><div class="flex flex-row gap-2 items-center" data-v-1a4715a3><img loading="lazy" src="https://avatar.vercel.sh/c***@msn.com" class="rounded-full size-8" data-v-1a4715a3><div class="flex flex-col" data-v-1a4715a3><span class="text-base font-medium dark:text-white" data-v-1a4715a3>c***@msn.com</span></div></div><blockquote class="text-sm mt-2 text-pretty" data-v-1a4715a3>从较低的上手难度,到完善的细节设计;从完善的示例,到详细而循序渐进的文档。无不体现作者作为一个技术专家之上的产品意识,这是诸多“开发框架”所达不到的理念高度。</blockquote></figure><figure class="p-4 border border-gray-950/10 rounded-xl border-solid bg-gray-950/1 h-48 w-64 overflow-hidden dark:border-gray-50/10 dark:bg-gray-50/1" data-v-1a4715a3><div class="flex flex-row gap-2 items-center" data-v-1a4715a3><img loading="lazy" src="https://avatar.vercel.sh/t***@126.com" class="rounded-full size-8" data-v-1a4715a3><div class="flex flex-col" data-v-1a4715a3><span class="text-base font-medium dark:text-white" data-v-1a4715a3>t***@126.com</span></div></div><blockquote class="text-sm mt-2 text-pretty" data-v-1a4715a3>售后服务及时,耐心解答各种问题,源码讲解耐心,努力帮助客户了解系统架构,从而更好的服务客服体系,界面美观,集成快捷,非常棒的框架。</blockquote></figure><figure class="p-4 border border-gray-950/10 rounded-xl border-solid bg-gray-950/1 h-48 w-64 overflow-hidden dark:border-gray-50/10 dark:bg-gray-50/1" data-v-1a4715a3><div class="flex flex-row gap-2 items-center" data-v-1a4715a3><img loading="lazy" src="https://avatar.vercel.sh/l***@163.com" class="rounded-full size-8" data-v-1a4715a3><div class="flex flex-col" data-v-1a4715a3><span class="text-base font-medium dark:text-white" data-v-1a4715a3>l***@163.com</span></div></div><blockquote class="text-sm mt-2 text-pretty" data-v-1a4715a3>可以说是目前最简单、易上手的 Vue3 中后台框架,框架本身已经涵盖了开发中几乎所有的基础功能,可以让开发者更注重业务本身的开发。</blockquote></figure><figure class="p-4 border border-gray-950/10 rounded-xl border-solid bg-gray-950/1 h-48 w-64 overflow-hidden dark:border-gray-50/10 dark:bg-gray-50/1" data-v-1a4715a3><div class="flex flex-row gap-2 items-center" data-v-1a4715a3><img loading="lazy" src="https://avatar.vercel.sh/3***@qq.com" class="rounded-full size-8" data-v-1a4715a3><div class="flex flex-col" data-v-1a4715a3><span class="text-base font-medium dark:text-white" data-v-1a4715a3>3***@qq.com</span></div></div><blockquote class="text-sm mt-2 text-pretty" data-v-1a4715a3>无论从颜值、组件丰富程度来说都是非常优秀的,对后端开发十分友好,代码规范清晰,即便不是很熟悉前端的后端开发人员也能快速上手。</blockquote></figure><figure class="p-4 border border-gray-950/10 rounded-xl border-solid bg-gray-950/1 h-48 w-64 overflow-hidden dark:border-gray-50/10 dark:bg-gray-50/1" data-v-1a4715a3><div class="flex flex-row gap-2 items-center" data-v-1a4715a3><img loading="lazy" src="https://avatar.vercel.sh/t***@163.com" class="rounded-full size-8" data-v-1a4715a3><div class="flex flex-col" data-v-1a4715a3><span class="text-base font-medium dark:text-white" data-v-1a4715a3>t***@163.com</span></div></div><blockquote class="text-sm mt-2 text-pretty" data-v-1a4715a3>Fantastic-admin 的设计、交互都十分现代化,文档健全,售后及时,最重要的是,它几乎没有什么 Bug ,使用体验太丝滑了。</blockquote></figure><!--]--><!--]--></div><div class="flex shrink-0 justify-around [gap:var(--gap)] animate-marquee flex-row" style="animation-direction:reverse;" data-v-bb31a344><!--[--><!--[--><figure class="p-4 border border-gray-950/10 rounded-xl border-solid bg-gray-950/1 h-48 w-64 overflow-hidden dark:border-gray-50/10 dark:bg-gray-50/1" data-v-1a4715a3><div class="flex flex-row gap-2 items-center" data-v-1a4715a3><img loading="lazy" src="https://avatar.vercel.sh/c***@msn.com" class="rounded-full size-8" data-v-1a4715a3><div class="flex flex-col" data-v-1a4715a3><span class="text-base font-medium dark:text-white" data-v-1a4715a3>c***@msn.com</span></div></div><blockquote class="text-sm mt-2 text-pretty" data-v-1a4715a3>从较低的上手难度,到完善的细节设计;从完善的示例,到详细而循序渐进的文档。无不体现作者作为一个技术专家之上的产品意识,这是诸多“开发框架”所达不到的理念高度。</blockquote></figure><figure class="p-4 border border-gray-950/10 rounded-xl border-solid bg-gray-950/1 h-48 w-64 overflow-hidden dark:border-gray-50/10 dark:bg-gray-50/1" data-v-1a4715a3><div class="flex flex-row gap-2 items-center" data-v-1a4715a3><img loading="lazy" src="https://avatar.vercel.sh/t***@126.com" class="rounded-full size-8" data-v-1a4715a3><div class="flex flex-col" data-v-1a4715a3><span class="text-base font-medium dark:text-white" data-v-1a4715a3>t***@126.com</span></div></div><blockquote class="text-sm mt-2 text-pretty" data-v-1a4715a3>售后服务及时,耐心解答各种问题,源码讲解耐心,努力帮助客户了解系统架构,从而更好的服务客服体系,界面美观,集成快捷,非常棒的框架。</blockquote></figure><figure class="p-4 border border-gray-950/10 rounded-xl border-solid bg-gray-950/1 h-48 w-64 overflow-hidden dark:border-gray-50/10 dark:bg-gray-50/1" data-v-1a4715a3><div class="flex flex-row gap-2 items-center" data-v-1a4715a3><img loading="lazy" src="https://avatar.vercel.sh/l***@163.com" class="rounded-full size-8" data-v-1a4715a3><div class="flex flex-col" data-v-1a4715a3><span class="text-base font-medium dark:text-white" data-v-1a4715a3>l***@163.com</span></div></div><blockquote class="text-sm mt-2 text-pretty" data-v-1a4715a3>可以说是目前最简单、易上手的 Vue3 中后台框架,框架本身已经涵盖了开发中几乎所有的基础功能,可以让开发者更注重业务本身的开发。</blockquote></figure><figure class="p-4 border border-gray-950/10 rounded-xl border-solid bg-gray-950/1 h-48 w-64 overflow-hidden dark:border-gray-50/10 dark:bg-gray-50/1" data-v-1a4715a3><div class="flex flex-row gap-2 items-center" data-v-1a4715a3><img loading="lazy" src="https://avatar.vercel.sh/3***@qq.com" class="rounded-full size-8" data-v-1a4715a3><div class="flex flex-col" data-v-1a4715a3><span class="text-base font-medium dark:text-white" data-v-1a4715a3>3***@qq.com</span></div></div><blockquote class="text-sm mt-2 text-pretty" data-v-1a4715a3>无论从颜值、组件丰富程度来说都是非常优秀的,对后端开发十分友好,代码规范清晰,即便不是很熟悉前端的后端开发人员也能快速上手。</blockquote></figure><figure class="p-4 border border-gray-950/10 rounded-xl border-solid bg-gray-950/1 h-48 w-64 overflow-hidden dark:border-gray-50/10 dark:bg-gray-50/1" data-v-1a4715a3><div class="flex flex-row gap-2 items-center" data-v-1a4715a3><img loading="lazy" src="https://avatar.vercel.sh/t***@163.com" class="rounded-full size-8" data-v-1a4715a3><div class="flex flex-col" data-v-1a4715a3><span class="text-base font-medium dark:text-white" data-v-1a4715a3>t***@163.com</span></div></div><blockquote class="text-sm mt-2 text-pretty" data-v-1a4715a3>Fantastic-admin 的设计、交互都十分现代化,文档健全,售后及时,最重要的是,它几乎没有什么 Bug ,使用体验太丝滑了。</blockquote></figure><!--]--><!--]--></div><!--]--></div><div class="group/marquee flex overflow-hidden p-2 [--gap:1rem] [gap:var(--gap)] flex-row rtl:justify-end mask-l-from-80% mask-r-from-80% w-[140%] [--duration:60s] left-[-20%] absolute" style="transform:translateY(7rem) rotate(-16deg);" data-v-1a4715a3 data-v-bb31a344><!--[--><div class="flex shrink-0 justify-around [gap:var(--gap)] animate-marquee flex-row" style="animation-direction:normal;" data-v-bb31a344><!--[--><!--[--><figure class="p-4 border border-gray-950/10 rounded-xl border-solid bg-gray-950/1 h-48 w-64 overflow-hidden dark:border-gray-50/10 dark:bg-gray-50/1" data-v-1a4715a3><div class="flex flex-row gap-2 items-center" data-v-1a4715a3><img loading="lazy" src="https://avatar.vercel.sh/y***@163.com" class="rounded-full size-8" data-v-1a4715a3><div class="flex flex-col" data-v-1a4715a3><span class="text-base font-medium dark:text-white" data-v-1a4715a3>y***@163.com</span></div></div><blockquote class="text-sm mt-2 text-pretty" data-v-1a4715a3>作为一个16年开发经验的老程序员,一看到这套框架就被深深的吸引,在对比开发成本和购买成本后,果断选择了专业版。</blockquote></figure><figure class="p-4 border border-gray-950/10 rounded-xl border-solid bg-gray-950/1 h-48 w-64 overflow-hidden dark:border-gray-50/10 dark:bg-gray-50/1" data-v-1a4715a3><div class="flex flex-row gap-2 items-center" data-v-1a4715a3><img loading="lazy" src="https://avatar.vercel.sh/4***@qq.com" class="rounded-full size-8" data-v-1a4715a3><div class="flex flex-col" data-v-1a4715a3><span class="text-base font-medium dark:text-white" data-v-1a4715a3>4***@qq.com</span></div></div><blockquote class="text-sm mt-2 text-pretty" data-v-1a4715a3>做为个人开发者,本人兼任前端和后端的工作。Fantastic-admin 拿来即用,解决了没有前端,没有美工的困扰。</blockquote></figure><figure class="p-4 border border-gray-950/10 rounded-xl border-solid bg-gray-950/1 h-48 w-64 overflow-hidden dark:border-gray-50/10 dark:bg-gray-50/1" data-v-1a4715a3><div class="flex flex-row gap-2 items-center" data-v-1a4715a3><img loading="lazy" src="https://avatar.vercel.sh/b***@gmail.com" class="rounded-full size-8" data-v-1a4715a3><div class="flex flex-col" data-v-1a4715a3><span class="text-base font-medium dark:text-white" data-v-1a4715a3>b***@gmail.com</span></div></div><blockquote class="text-sm mt-2 text-pretty" data-v-1a4715a3>我觉得 Fantastic-admin 最大的优势和吸引人的地方是产品性很强,前两年就买了专业版,一直在用。</blockquote></figure><figure class="p-4 border border-gray-950/10 rounded-xl border-solid bg-gray-950/1 h-48 w-64 overflow-hidden dark:border-gray-50/10 dark:bg-gray-50/1" data-v-1a4715a3><div class="flex flex-row gap-2 items-center" data-v-1a4715a3><img loading="lazy" src="https://avatar.vercel.sh/r***@aliyun.com" class="rounded-full size-8" data-v-1a4715a3><div class="flex flex-col" data-v-1a4715a3><span class="text-base font-medium dark:text-white" data-v-1a4715a3>r***@aliyun.com</span></div></div><blockquote class="text-sm mt-2 text-pretty" data-v-1a4715a3>我是搞后端的,这个模板好好用,期待加入更多的页面可以直接用。</blockquote></figure><figure class="p-4 border border-gray-950/10 rounded-xl border-solid bg-gray-950/1 h-48 w-64 overflow-hidden dark:border-gray-50/10 dark:bg-gray-50/1" data-v-1a4715a3><div class="flex flex-row gap-2 items-center" data-v-1a4715a3><img loading="lazy" src="https://avatar.vercel.sh/a***@163.com" class="rounded-full size-8" data-v-1a4715a3><div class="flex flex-col" data-v-1a4715a3><span class="text-base font-medium dark:text-white" data-v-1a4715a3>a***@163.com</span></div></div><blockquote class="text-sm mt-2 text-pretty" data-v-1a4715a3>厉害👍🏻,是后台系统里见过最好的框架。</blockquote></figure><!--]--><!--]--></div><div class="flex shrink-0 justify-around [gap:var(--gap)] animate-marquee flex-row" style="animation-direction:normal;" data-v-bb31a344><!--[--><!--[--><figure class="p-4 border border-gray-950/10 rounded-xl border-solid bg-gray-950/1 h-48 w-64 overflow-hidden dark:border-gray-50/10 dark:bg-gray-50/1" data-v-1a4715a3><div class="flex flex-row gap-2 items-center" data-v-1a4715a3><img loading="lazy" src="https://avatar.vercel.sh/y***@163.com" class="rounded-full size-8" data-v-1a4715a3><div class="flex flex-col" data-v-1a4715a3><span class="text-base font-medium dark:text-white" data-v-1a4715a3>y***@163.com</span></div></div><blockquote class="text-sm mt-2 text-pretty" data-v-1a4715a3>作为一个16年开发经验的老程序员,一看到这套框架就被深深的吸引,在对比开发成本和购买成本后,果断选择了专业版。</blockquote></figure><figure class="p-4 border border-gray-950/10 rounded-xl border-solid bg-gray-950/1 h-48 w-64 overflow-hidden dark:border-gray-50/10 dark:bg-gray-50/1" data-v-1a4715a3><div class="flex flex-row gap-2 items-center" data-v-1a4715a3><img loading="lazy" src="https://avatar.vercel.sh/4***@qq.com" class="rounded-full size-8" data-v-1a4715a3><div class="flex flex-col" data-v-1a4715a3><span class="text-base font-medium dark:text-white" data-v-1a4715a3>4***@qq.com</span></div></div><blockquote class="text-sm mt-2 text-pretty" data-v-1a4715a3>做为个人开发者,本人兼任前端和后端的工作。Fantastic-admin 拿来即用,解决了没有前端,没有美工的困扰。</blockquote></figure><figure class="p-4 border border-gray-950/10 rounded-xl border-solid bg-gray-950/1 h-48 w-64 overflow-hidden dark:border-gray-50/10 dark:bg-gray-50/1" data-v-1a4715a3><div class="flex flex-row gap-2 items-center" data-v-1a4715a3><img loading="lazy" src="https://avatar.vercel.sh/b***@gmail.com" class="rounded-full size-8" data-v-1a4715a3><div class="flex flex-col" data-v-1a4715a3><span class="text-base font-medium dark:text-white" data-v-1a4715a3>b***@gmail.com</span></div></div><blockquote class="text-sm mt-2 text-pretty" data-v-1a4715a3>我觉得 Fantastic-admin 最大的优势和吸引人的地方是产品性很强,前两年就买了专业版,一直在用。</blockquote></figure><figure class="p-4 border border-gray-950/10 rounded-xl border-solid bg-gray-950/1 h-48 w-64 overflow-hidden dark:border-gray-50/10 dark:bg-gray-50/1" data-v-1a4715a3><div class="flex flex-row gap-2 items-center" data-v-1a4715a3><img loading="lazy" src="https://avatar.vercel.sh/r***@aliyun.com" class="rounded-full size-8" data-v-1a4715a3><div class="flex flex-col" data-v-1a4715a3><span class="text-base font-medium dark:text-white" data-v-1a4715a3>r***@aliyun.com</span></div></div><blockquote class="text-sm mt-2 text-pretty" data-v-1a4715a3>我是搞后端的,这个模板好好用,期待加入更多的页面可以直接用。</blockquote></figure><figure class="p-4 border border-gray-950/10 rounded-xl border-solid bg-gray-950/1 h-48 w-64 overflow-hidden dark:border-gray-50/10 dark:bg-gray-50/1" data-v-1a4715a3><div class="flex flex-row gap-2 items-center" data-v-1a4715a3><img loading="lazy" src="https://avatar.vercel.sh/a***@163.com" class="rounded-full size-8" data-v-1a4715a3><div class="flex flex-col" data-v-1a4715a3><span class="text-base font-medium dark:text-white" data-v-1a4715a3>a***@163.com</span></div></div><blockquote class="text-sm mt-2 text-pretty" data-v-1a4715a3>厉害👍🏻,是后台系统里见过最好的框架。</blockquote></figure><!--]--><!--]--></div><div class="flex shrink-0 justify-around [gap:var(--gap)] animate-marquee flex-row" style="animation-direction:normal;" data-v-bb31a344><!--[--><!--[--><figure class="p-4 border border-gray-950/10 rounded-xl border-solid bg-gray-950/1 h-48 w-64 overflow-hidden dark:border-gray-50/10 dark:bg-gray-50/1" data-v-1a4715a3><div class="flex flex-row gap-2 items-center" data-v-1a4715a3><img loading="lazy" src="https://avatar.vercel.sh/y***@163.com" class="rounded-full size-8" data-v-1a4715a3><div class="flex flex-col" data-v-1a4715a3><span class="text-base font-medium dark:text-white" data-v-1a4715a3>y***@163.com</span></div></div><blockquote class="text-sm mt-2 text-pretty" data-v-1a4715a3>作为一个16年开发经验的老程序员,一看到这套框架就被深深的吸引,在对比开发成本和购买成本后,果断选择了专业版。</blockquote></figure><figure class="p-4 border border-gray-950/10 rounded-xl border-solid bg-gray-950/1 h-48 w-64 overflow-hidden dark:border-gray-50/10 dark:bg-gray-50/1" data-v-1a4715a3><div class="flex flex-row gap-2 items-center" data-v-1a4715a3><img loading="lazy" src="https://avatar.vercel.sh/4***@qq.com" class="rounded-full size-8" data-v-1a4715a3><div class="flex flex-col" data-v-1a4715a3><span class="text-base font-medium dark:text-white" data-v-1a4715a3>4***@qq.com</span></div></div><blockquote class="text-sm mt-2 text-pretty" data-v-1a4715a3>做为个人开发者,本人兼任前端和后端的工作。Fantastic-admin 拿来即用,解决了没有前端,没有美工的困扰。</blockquote></figure><figure class="p-4 border border-gray-950/10 rounded-xl border-solid bg-gray-950/1 h-48 w-64 overflow-hidden dark:border-gray-50/10 dark:bg-gray-50/1" data-v-1a4715a3><div class="flex flex-row gap-2 items-center" data-v-1a4715a3><img loading="lazy" src="https://avatar.vercel.sh/b***@gmail.com" class="rounded-full size-8" data-v-1a4715a3><div class="flex flex-col" data-v-1a4715a3><span class="text-base font-medium dark:text-white" data-v-1a4715a3>b***@gmail.com</span></div></div><blockquote class="text-sm mt-2 text-pretty" data-v-1a4715a3>我觉得 Fantastic-admin 最大的优势和吸引人的地方是产品性很强,前两年就买了专业版,一直在用。</blockquote></figure><figure class="p-4 border border-gray-950/10 rounded-xl border-solid bg-gray-950/1 h-48 w-64 overflow-hidden dark:border-gray-50/10 dark:bg-gray-50/1" data-v-1a4715a3><div class="flex flex-row gap-2 items-center" data-v-1a4715a3><img loading="lazy" src="https://avatar.vercel.sh/r***@aliyun.com" class="rounded-full size-8" data-v-1a4715a3><div class="flex flex-col" data-v-1a4715a3><span class="text-base font-medium dark:text-white" data-v-1a4715a3>r***@aliyun.com</span></div></div><blockquote class="text-sm mt-2 text-pretty" data-v-1a4715a3>我是搞后端的,这个模板好好用,期待加入更多的页面可以直接用。</blockquote></figure><figure class="p-4 border border-gray-950/10 rounded-xl border-solid bg-gray-950/1 h-48 w-64 overflow-hidden dark:border-gray-50/10 dark:bg-gray-50/1" data-v-1a4715a3><div class="flex flex-row gap-2 items-center" data-v-1a4715a3><img loading="lazy" src="https://avatar.vercel.sh/a***@163.com" class="rounded-full size-8" data-v-1a4715a3><div class="flex flex-col" data-v-1a4715a3><span class="text-base font-medium dark:text-white" data-v-1a4715a3>a***@163.com</span></div></div><blockquote class="text-sm mt-2 text-pretty" data-v-1a4715a3>厉害👍🏻,是后台系统里见过最好的框架。</blockquote></figure><!--]--><!--]--></div><div class="flex shrink-0 justify-around [gap:var(--gap)] animate-marquee flex-row" style="animation-direction:normal;" data-v-bb31a344><!--[--><!--[--><figure class="p-4 border border-gray-950/10 rounded-xl border-solid bg-gray-950/1 h-48 w-64 overflow-hidden dark:border-gray-50/10 dark:bg-gray-50/1" data-v-1a4715a3><div class="flex flex-row gap-2 items-center" data-v-1a4715a3><img loading="lazy" src="https://avatar.vercel.sh/y***@163.com" class="rounded-full size-8" data-v-1a4715a3><div class="flex flex-col" data-v-1a4715a3><span class="text-base font-medium dark:text-white" data-v-1a4715a3>y***@163.com</span></div></div><blockquote class="text-sm mt-2 text-pretty" data-v-1a4715a3>作为一个16年开发经验的老程序员,一看到这套框架就被深深的吸引,在对比开发成本和购买成本后,果断选择了专业版。</blockquote></figure><figure class="p-4 border border-gray-950/10 rounded-xl border-solid bg-gray-950/1 h-48 w-64 overflow-hidden dark:border-gray-50/10 dark:bg-gray-50/1" data-v-1a4715a3><div class="flex flex-row gap-2 items-center" data-v-1a4715a3><img loading="lazy" src="https://avatar.vercel.sh/4***@qq.com" class="rounded-full size-8" data-v-1a4715a3><div class="flex flex-col" data-v-1a4715a3><span class="text-base font-medium dark:text-white" data-v-1a4715a3>4***@qq.com</span></div></div><blockquote class="text-sm mt-2 text-pretty" data-v-1a4715a3>做为个人开发者,本人兼任前端和后端的工作。Fantastic-admin 拿来即用,解决了没有前端,没有美工的困扰。</blockquote></figure><figure class="p-4 border border-gray-950/10 rounded-xl border-solid bg-gray-950/1 h-48 w-64 overflow-hidden dark:border-gray-50/10 dark:bg-gray-50/1" data-v-1a4715a3><div class="flex flex-row gap-2 items-center" data-v-1a4715a3><img loading="lazy" src="https://avatar.vercel.sh/b***@gmail.com" class="rounded-full size-8" data-v-1a4715a3><div class="flex flex-col" data-v-1a4715a3><span class="text-base font-medium dark:text-white" data-v-1a4715a3>b***@gmail.com</span></div></div><blockquote class="text-sm mt-2 text-pretty" data-v-1a4715a3>我觉得 Fantastic-admin 最大的优势和吸引人的地方是产品性很强,前两年就买了专业版,一直在用。</blockquote></figure><figure class="p-4 border border-gray-950/10 rounded-xl border-solid bg-gray-950/1 h-48 w-64 overflow-hidden dark:border-gray-50/10 dark:bg-gray-50/1" data-v-1a4715a3><div class="flex flex-row gap-2 items-center" data-v-1a4715a3><img loading="lazy" src="https://avatar.vercel.sh/r***@aliyun.com" class="rounded-full size-8" data-v-1a4715a3><div class="flex flex-col" data-v-1a4715a3><span class="text-base font-medium dark:text-white" data-v-1a4715a3>r***@aliyun.com</span></div></div><blockquote class="text-sm mt-2 text-pretty" data-v-1a4715a3>我是搞后端的,这个模板好好用,期待加入更多的页面可以直接用。</blockquote></figure><figure class="p-4 border border-gray-950/10 rounded-xl border-solid bg-gray-950/1 h-48 w-64 overflow-hidden dark:border-gray-50/10 dark:bg-gray-50/1" data-v-1a4715a3><div class="flex flex-row gap-2 items-center" data-v-1a4715a3><img loading="lazy" src="https://avatar.vercel.sh/a***@163.com" class="rounded-full size-8" data-v-1a4715a3><div class="flex flex-col" data-v-1a4715a3><span class="text-base font-medium dark:text-white" data-v-1a4715a3>a***@163.com</span></div></div><blockquote class="text-sm mt-2 text-pretty" data-v-1a4715a3>厉害👍🏻,是后台系统里见过最好的框架。</blockquote></figure><!--]--><!--]--></div><!--]--></div><div class="group/marquee flex overflow-hidden p-2 [--gap:1rem] [gap:var(--gap)] flex-row rtl:justify-end mask-l-from-80% mask-r-from-80% w-[140%] [--duration:60s] left-[-20%] absolute" style="transform:translateY(20.5rem) rotate(-16deg);" data-v-1a4715a3 data-v-bb31a344><!--[--><div class="flex shrink-0 justify-around [gap:var(--gap)] animate-marquee flex-row" style="animation-direction:reverse;" data-v-bb31a344><!--[--><!--[--><figure class="p-4 border border-gray-950/10 rounded-xl border-solid bg-gray-950/1 h-48 w-64 overflow-hidden dark:border-gray-50/10 dark:bg-gray-50/1" data-v-1a4715a3><div class="flex flex-row gap-2 items-center" data-v-1a4715a3><img loading="lazy" src="https://avatar.vercel.sh/c***@msn.com" class="rounded-full size-8" data-v-1a4715a3><div class="flex flex-col" data-v-1a4715a3><span class="text-base font-medium dark:text-white" data-v-1a4715a3>c***@msn.com</span></div></div><blockquote class="text-sm mt-2 text-pretty" data-v-1a4715a3>从较低的上手难度,到完善的细节设计;从完善的示例,到详细而循序渐进的文档。无不体现作者作为一个技术专家之上的产品意识,这是诸多“开发框架”所达不到的理念高度。</blockquote></figure><figure class="p-4 border border-gray-950/10 rounded-xl border-solid bg-gray-950/1 h-48 w-64 overflow-hidden dark:border-gray-50/10 dark:bg-gray-50/1" data-v-1a4715a3><div class="flex flex-row gap-2 items-center" data-v-1a4715a3><img loading="lazy" src="https://avatar.vercel.sh/t***@126.com" class="rounded-full size-8" data-v-1a4715a3><div class="flex flex-col" data-v-1a4715a3><span class="text-base font-medium dark:text-white" data-v-1a4715a3>t***@126.com</span></div></div><blockquote class="text-sm mt-2 text-pretty" data-v-1a4715a3>售后服务及时,耐心解答各种问题,源码讲解耐心,努力帮助客户了解系统架构,从而更好的服务客服体系,界面美观,集成快捷,非常棒的框架。</blockquote></figure><figure class="p-4 border border-gray-950/10 rounded-xl border-solid bg-gray-950/1 h-48 w-64 overflow-hidden dark:border-gray-50/10 dark:bg-gray-50/1" data-v-1a4715a3><div class="flex flex-row gap-2 items-center" data-v-1a4715a3><img loading="lazy" src="https://avatar.vercel.sh/l***@163.com" class="rounded-full size-8" data-v-1a4715a3><div class="flex flex-col" data-v-1a4715a3><span class="text-base font-medium dark:text-white" data-v-1a4715a3>l***@163.com</span></div></div><blockquote class="text-sm mt-2 text-pretty" data-v-1a4715a3>可以说是目前最简单、易上手的 Vue3 中后台框架,框架本身已经涵盖了开发中几乎所有的基础功能,可以让开发者更注重业务本身的开发。</blockquote></figure><figure class="p-4 border border-gray-950/10 rounded-xl border-solid bg-gray-950/1 h-48 w-64 overflow-hidden dark:border-gray-50/10 dark:bg-gray-50/1" data-v-1a4715a3><div class="flex flex-row gap-2 items-center" data-v-1a4715a3><img loading="lazy" src="https://avatar.vercel.sh/3***@qq.com" class="rounded-full size-8" data-v-1a4715a3><div class="flex flex-col" data-v-1a4715a3><span class="text-base font-medium dark:text-white" data-v-1a4715a3>3***@qq.com</span></div></div><blockquote class="text-sm mt-2 text-pretty" data-v-1a4715a3>无论从颜值、组件丰富程度来说都是非常优秀的,对后端开发十分友好,代码规范清晰,即便不是很熟悉前端的后端开发人员也能快速上手。</blockquote></figure><figure class="p-4 border border-gray-950/10 rounded-xl border-solid bg-gray-950/1 h-48 w-64 overflow-hidden dark:border-gray-50/10 dark:bg-gray-50/1" data-v-1a4715a3><div class="flex flex-row gap-2 items-center" data-v-1a4715a3><img loading="lazy" src="https://avatar.vercel.sh/t***@163.com" class="rounded-full size-8" data-v-1a4715a3><div class="flex flex-col" data-v-1a4715a3><span class="text-base font-medium dark:text-white" data-v-1a4715a3>t***@163.com</span></div></div><blockquote class="text-sm mt-2 text-pretty" data-v-1a4715a3>Fantastic-admin 的设计、交互都十分现代化,文档健全,售后及时,最重要的是,它几乎没有什么 Bug ,使用体验太丝滑了。</blockquote></figure><!--]--><!--]--></div><div class="flex shrink-0 justify-around [gap:var(--gap)] animate-marquee flex-row" style="animation-direction:reverse;" data-v-bb31a344><!--[--><!--[--><figure class="p-4 border border-gray-950/10 rounded-xl border-solid bg-gray-950/1 h-48 w-64 overflow-hidden dark:border-gray-50/10 dark:bg-gray-50/1" data-v-1a4715a3><div class="flex flex-row gap-2 items-center" data-v-1a4715a3><img loading="lazy" src="https://avatar.vercel.sh/c***@msn.com" class="rounded-full size-8" data-v-1a4715a3><div class="flex flex-col" data-v-1a4715a3><span class="text-base font-medium dark:text-white" data-v-1a4715a3>c***@msn.com</span></div></div><blockquote class="text-sm mt-2 text-pretty" data-v-1a4715a3>从较低的上手难度,到完善的细节设计;从完善的示例,到详细而循序渐进的文档。无不体现作者作为一个技术专家之上的产品意识,这是诸多“开发框架”所达不到的理念高度。</blockquote></figure><figure class="p-4 border border-gray-950/10 rounded-xl border-solid bg-gray-950/1 h-48 w-64 overflow-hidden dark:border-gray-50/10 dark:bg-gray-50/1" data-v-1a4715a3><div class="flex flex-row gap-2 items-center" data-v-1a4715a3><img loading="lazy" src="https://avatar.vercel.sh/t***@126.com" class="rounded-full size-8" data-v-1a4715a3><div class="flex flex-col" data-v-1a4715a3><span class="text-base font-medium dark:text-white" data-v-1a4715a3>t***@126.com</span></div></div><blockquote class="text-sm mt-2 text-pretty" data-v-1a4715a3>售后服务及时,耐心解答各种问题,源码讲解耐心,努力帮助客户了解系统架构,从而更好的服务客服体系,界面美观,集成快捷,非常棒的框架。</blockquote></figure><figure class="p-4 border border-gray-950/10 rounded-xl border-solid bg-gray-950/1 h-48 w-64 overflow-hidden dark:border-gray-50/10 dark:bg-gray-50/1" data-v-1a4715a3><div class="flex flex-row gap-2 items-center" data-v-1a4715a3><img loading="lazy" src="https://avatar.vercel.sh/l***@163.com" class="rounded-full size-8" data-v-1a4715a3><div class="flex flex-col" data-v-1a4715a3><span class="text-base font-medium dark:text-white" data-v-1a4715a3>l***@163.com</span></div></div><blockquote class="text-sm mt-2 text-pretty" data-v-1a4715a3>可以说是目前最简单、易上手的 Vue3 中后台框架,框架本身已经涵盖了开发中几乎所有的基础功能,可以让开发者更注重业务本身的开发。</blockquote></figure><figure class="p-4 border border-gray-950/10 rounded-xl border-solid bg-gray-950/1 h-48 w-64 overflow-hidden dark:border-gray-50/10 dark:bg-gray-50/1" data-v-1a4715a3><div class="flex flex-row gap-2 items-center" data-v-1a4715a3><img loading="lazy" src="https://avatar.vercel.sh/3***@qq.com" class="rounded-full size-8" data-v-1a4715a3><div class="flex flex-col" data-v-1a4715a3><span class="text-base font-medium dark:text-white" data-v-1a4715a3>3***@qq.com</span></div></div><blockquote class="text-sm mt-2 text-pretty" data-v-1a4715a3>无论从颜值、组件丰富程度来说都是非常优秀的,对后端开发十分友好,代码规范清晰,即便不是很熟悉前端的后端开发人员也能快速上手。</blockquote></figure><figure class="p-4 border border-gray-950/10 rounded-xl border-solid bg-gray-950/1 h-48 w-64 overflow-hidden dark:border-gray-50/10 dark:bg-gray-50/1" data-v-1a4715a3><div class="flex flex-row gap-2 items-center" data-v-1a4715a3><img loading="lazy" src="https://avatar.vercel.sh/t***@163.com" class="rounded-full size-8" data-v-1a4715a3><div class="flex flex-col" data-v-1a4715a3><span class="text-base font-medium dark:text-white" data-v-1a4715a3>t***@163.com</span></div></div><blockquote class="text-sm mt-2 text-pretty" data-v-1a4715a3>Fantastic-admin 的设计、交互都十分现代化,文档健全,售后及时,最重要的是,它几乎没有什么 Bug ,使用体验太丝滑了。</blockquote></figure><!--]--><!--]--></div><div class="flex shrink-0 justify-around [gap:var(--gap)] animate-marquee flex-row" style="animation-direction:reverse;" data-v-bb31a344><!--[--><!--[--><figure class="p-4 border border-gray-950/10 rounded-xl border-solid bg-gray-950/1 h-48 w-64 overflow-hidden dark:border-gray-50/10 dark:bg-gray-50/1" data-v-1a4715a3><div class="flex flex-row gap-2 items-center" data-v-1a4715a3><img loading="lazy" src="https://avatar.vercel.sh/c***@msn.com" class="rounded-full size-8" data-v-1a4715a3><div class="flex flex-col" data-v-1a4715a3><span class="text-base font-medium dark:text-white" data-v-1a4715a3>c***@msn.com</span></div></div><blockquote class="text-sm mt-2 text-pretty" data-v-1a4715a3>从较低的上手难度,到完善的细节设计;从完善的示例,到详细而循序渐进的文档。无不体现作者作为一个技术专家之上的产品意识,这是诸多“开发框架”所达不到的理念高度。</blockquote></figure><figure class="p-4 border border-gray-950/10 rounded-xl border-solid bg-gray-950/1 h-48 w-64 overflow-hidden dark:border-gray-50/10 dark:bg-gray-50/1" data-v-1a4715a3><div class="flex flex-row gap-2 items-center" data-v-1a4715a3><img loading="lazy" src="https://avatar.vercel.sh/t***@126.com" class="rounded-full size-8" data-v-1a4715a3><div class="flex flex-col" data-v-1a4715a3><span class="text-base font-medium dark:text-white" data-v-1a4715a3>t***@126.com</span></div></div><blockquote class="text-sm mt-2 text-pretty" data-v-1a4715a3>售后服务及时,耐心解答各种问题,源码讲解耐心,努力帮助客户了解系统架构,从而更好的服务客服体系,界面美观,集成快捷,非常棒的框架。</blockquote></figure><figure class="p-4 border border-gray-950/10 rounded-xl border-solid bg-gray-950/1 h-48 w-64 overflow-hidden dark:border-gray-50/10 dark:bg-gray-50/1" data-v-1a4715a3><div class="flex flex-row gap-2 items-center" data-v-1a4715a3><img loading="lazy" src="https://avatar.vercel.sh/l***@163.com" class="rounded-full size-8" data-v-1a4715a3><div class="flex flex-col" data-v-1a4715a3><span class="text-base font-medium dark:text-white" data-v-1a4715a3>l***@163.com</span></div></div><blockquote class="text-sm mt-2 text-pretty" data-v-1a4715a3>可以说是目前最简单、易上手的 Vue3 中后台框架,框架本身已经涵盖了开发中几乎所有的基础功能,可以让开发者更注重业务本身的开发。</blockquote></figure><figure class="p-4 border border-gray-950/10 rounded-xl border-solid bg-gray-950/1 h-48 w-64 overflow-hidden dark:border-gray-50/10 dark:bg-gray-50/1" data-v-1a4715a3><div class="flex flex-row gap-2 items-center" data-v-1a4715a3><img loading="lazy" src="https://avatar.vercel.sh/3***@qq.com" class="rounded-full size-8" data-v-1a4715a3><div class="flex flex-col" data-v-1a4715a3><span class="text-base font-medium dark:text-white" data-v-1a4715a3>3***@qq.com</span></div></div><blockquote class="text-sm mt-2 text-pretty" data-v-1a4715a3>无论从颜值、组件丰富程度来说都是非常优秀的,对后端开发十分友好,代码规范清晰,即便不是很熟悉前端的后端开发人员也能快速上手。</blockquote></figure><figure class="p-4 border border-gray-950/10 rounded-xl border-solid bg-gray-950/1 h-48 w-64 overflow-hidden dark:border-gray-50/10 dark:bg-gray-50/1" data-v-1a4715a3><div class="flex flex-row gap-2 items-center" data-v-1a4715a3><img loading="lazy" src="https://avatar.vercel.sh/t***@163.com" class="rounded-full size-8" data-v-1a4715a3><div class="flex flex-col" data-v-1a4715a3><span class="text-base font-medium dark:text-white" data-v-1a4715a3>t***@163.com</span></div></div><blockquote class="text-sm mt-2 text-pretty" data-v-1a4715a3>Fantastic-admin 的设计、交互都十分现代化,文档健全,售后及时,最重要的是,它几乎没有什么 Bug ,使用体验太丝滑了。</blockquote></figure><!--]--><!--]--></div><div class="flex shrink-0 justify-around [gap:var(--gap)] animate-marquee flex-row" style="animation-direction:reverse;" data-v-bb31a344><!--[--><!--[--><figure class="p-4 border border-gray-950/10 rounded-xl border-solid bg-gray-950/1 h-48 w-64 overflow-hidden dark:border-gray-50/10 dark:bg-gray-50/1" data-v-1a4715a3><div class="flex flex-row gap-2 items-center" data-v-1a4715a3><img loading="lazy" src="https://avatar.vercel.sh/c***@msn.com" class="rounded-full size-8" data-v-1a4715a3><div class="flex flex-col" data-v-1a4715a3><span class="text-base font-medium dark:text-white" data-v-1a4715a3>c***@msn.com</span></div></div><blockquote class="text-sm mt-2 text-pretty" data-v-1a4715a3>从较低的上手难度,到完善的细节设计;从完善的示例,到详细而循序渐进的文档。无不体现作者作为一个技术专家之上的产品意识,这是诸多“开发框架”所达不到的理念高度。</blockquote></figure><figure class="p-4 border border-gray-950/10 rounded-xl border-solid bg-gray-950/1 h-48 w-64 overflow-hidden dark:border-gray-50/10 dark:bg-gray-50/1" data-v-1a4715a3><div class="flex flex-row gap-2 items-center" data-v-1a4715a3><img loading="lazy" src="https://avatar.vercel.sh/t***@126.com" class="rounded-full size-8" data-v-1a4715a3><div class="flex flex-col" data-v-1a4715a3><span class="text-base font-medium dark:text-white" data-v-1a4715a3>t***@126.com</span></div></div><blockquote class="text-sm mt-2 text-pretty" data-v-1a4715a3>售后服务及时,耐心解答各种问题,源码讲解耐心,努力帮助客户了解系统架构,从而更好的服务客服体系,界面美观,集成快捷,非常棒的框架。</blockquote></figure><figure class="p-4 border border-gray-950/10 rounded-xl border-solid bg-gray-950/1 h-48 w-64 overflow-hidden dark:border-gray-50/10 dark:bg-gray-50/1" data-v-1a4715a3><div class="flex flex-row gap-2 items-center" data-v-1a4715a3><img loading="lazy" src="https://avatar.vercel.sh/l***@163.com" class="rounded-full size-8" data-v-1a4715a3><div class="flex flex-col" data-v-1a4715a3><span class="text-base font-medium dark:text-white" data-v-1a4715a3>l***@163.com</span></div></div><blockquote class="text-sm mt-2 text-pretty" data-v-1a4715a3>可以说是目前最简单、易上手的 Vue3 中后台框架,框架本身已经涵盖了开发中几乎所有的基础功能,可以让开发者更注重业务本身的开发。</blockquote></figure><figure class="p-4 border border-gray-950/10 rounded-xl border-solid bg-gray-950/1 h-48 w-64 overflow-hidden dark:border-gray-50/10 dark:bg-gray-50/1" data-v-1a4715a3><div class="flex flex-row gap-2 items-center" data-v-1a4715a3><img loading="lazy" src="https://avatar.vercel.sh/3***@qq.com" class="rounded-full size-8" data-v-1a4715a3><div class="flex flex-col" data-v-1a4715a3><span class="text-base font-medium dark:text-white" data-v-1a4715a3>3***@qq.com</span></div></div><blockquote class="text-sm mt-2 text-pretty" data-v-1a4715a3>无论从颜值、组件丰富程度来说都是非常优秀的,对后端开发十分友好,代码规范清晰,即便不是很熟悉前端的后端开发人员也能快速上手。</blockquote></figure><figure class="p-4 border border-gray-950/10 rounded-xl border-solid bg-gray-950/1 h-48 w-64 overflow-hidden dark:border-gray-50/10 dark:bg-gray-50/1" data-v-1a4715a3><div class="flex flex-row gap-2 items-center" data-v-1a4715a3><img loading="lazy" src="https://avatar.vercel.sh/t***@163.com" class="rounded-full size-8" data-v-1a4715a3><div class="flex flex-col" data-v-1a4715a3><span class="text-base font-medium dark:text-white" data-v-1a4715a3>t***@163.com</span></div></div><blockquote class="text-sm mt-2 text-pretty" data-v-1a4715a3>Fantastic-admin 的设计、交互都十分现代化,文档健全,售后及时,最重要的是,它几乎没有什么 Bug ,使用体验太丝滑了。</blockquote></figure><!--]--><!--]--></div><!--]--></div><!--]--></div></div><div class="mx-auto border-x border-t border-[var(--vp-c-divider)] border-solid max-w-[1400px]" data-v-1a4715a3><div class="mt-12 border-t border-[var(--vp-c-divider)] border-solid grid grid-cols-1 md:grid-cols-2" data-v-1a4715a3><article class="px-5 py-8 border-b border-[var(--vp-c-divider)] border-solid flex flex-col gap-4 sm:px-8 sm:py-10 md:border-r md:border-b-0" data-v-1a4715a3><div class="text-[11px] text-[var(--vp-c-text-3)] tracking-[0.24em] font-600 uppercase sm:text-xs" data-v-1a4715a3> Open Source Edition </div><div class="flex flex-col gap-3" data-v-1a4715a3><h3 class="text-2xl text-[var(--vp-c-text-1)] leading-[1.08] tracking-[-0.04em] font-650 sm:text-3xl" data-v-1a4715a3> 基础版,开源且免费 </h3><p class="text-sm text-[var(--vp-c-text-2)] leading-7 max-w-xl text-pretty sm:text-base" data-v-1a4715a3> 基于 MIT 许可协议发布,可自由用于学习、开发与项目落地,快速开始属于你的管理系统。 </p></div><div class="pt-2" data-v-1a4715a3><a class="group text-sm text-[var(--vp-c-text-1)] leading-none font-600 px-5 py-3 border border-[var(--vp-c-divider)] rounded-full bg-[var(--vp-c-bg-soft)] inline-flex gap-2 transition-all duration-300 ease-[cubic-bezier(0.16,1,0.3,1)] items-center hover:border-[var(--vp-c-brand-1)] hover:bg-[var(--vp-c-brand-soft)] active:scale-[0.98]" href="https://github.com/fantastic-admin/basic/releases" rel="noreferrer" target="_blank" data-v-1a4715a3><span data-v-1a4715a3>下载基础版</span><span class="i-lucide-download h-4 w-4 transition-transform duration-300 group-hover:translate-y-[1px]" data-v-1a4715a3></span></a></div></article><article class="px-5 py-8 flex flex-col gap-4 sm:px-8 sm:py-10" data-v-1a4715a3><div class="text-[11px] text-[var(--vp-c-text-3)] tracking-[0.24em] font-600 uppercase sm:text-xs" data-v-1a4715a3> Pro Edition </div><div class="flex flex-col gap-3" data-v-1a4715a3><h3 class="text-2xl text-[var(--vp-c-text-1)] leading-[1.08] tracking-[-0.04em] font-650 sm:text-3xl" data-v-1a4715a3> 专业版,解锁完整能力 </h3><p class="text-sm text-[var(--vp-c-text-2)] leading-7 max-w-xl text-pretty sm:text-base" data-v-1a4715a3> 获取更多进阶功能、增强配置与长期更新支持,适合大型项目、团队协作与对品质有高要求的个人或公司使用。 </p></div><div class="pt-2" data-v-1a4715a3><button class="group text-sm text-[var(--vp-c-text-1)] leading-none font-600 px-5 py-3 border border-[var(--vp-c-divider)] rounded-full bg-[var(--vp-c-bg-soft)] inline-flex gap-2 transition-all duration-300 ease-[cubic-bezier(0.16,1,0.3,1)] items-center hover:border-[var(--vp-c-brand-1)] hover:bg-[var(--vp-c-brand-soft)] active:scale-[0.98]" type="button" data-v-1a4715a3><span data-v-1a4715a3>购买专业版</span><span class="i-lucide-arrow-up-right h-4 w-4 transition-transform duration-300 group-hover:translate-x-[2px] group-hover:-translate-y-[2px]" data-v-1a4715a3></span></button></div></article></div></div><div class="mx-auto border-x border-t border-[var(--vp-c-divider)] border-solid max-w-[1400px]" data-v-1a4715a3><div class="mt-12 px-5 py-14 text-center border-t border-[var(--vp-c-divider)] border-solid flex flex-col gap-4 items-center relative sm:px-10 sm:py-20" data-v-1a4715a3><img src="/assets/footer-bg.BJQCdzL8.png" alt="Footer background" loading="lazy" class="h-full w-full inset-0 absolute z-0 object-cover" data-v-1a4715a3><div class="text-[11px] text-white tracking-[0.24em] font-600 uppercase relative z-10 sm:text-xs" data-v-1a4715a3> Get Start </div><h2 class="text-3xl text-white leading-[1.08] tracking-[-0.04em] font-650 max-w-2xl text-pretty relative z-10 sm:text-5xl" data-v-1a4715a3> 开始使用 Fantastic-admin 开发 </h2><div class="text-base text-white/50 leading-8 max-w-2xl text-pretty relative z-10 sm:text-lg" data-v-1a4715a3><p class="text-pretty" data-v-1a4715a3> 准备好迎接一个令人惊叹的管理系统吧 😄 </p></div><button class="group relative cursor-pointer overflow-hidden rounded-full border border-solid border-[var(--vp-c-divider)] bg-light dark:bg-dark p-2 ps-8 pe-6 text-center font-semibold pointer-events-auto" data-v-1a4715a3><span class="inline-block whitespace-nowrap translate-x-1 transition-all duration-300 group-hover:opacity-0 group-hover:translate-x-12">开始使用</span><div class="text-[var(--vp-button-brand-text)] opacity-0 flex gap-1 size-full translate-x-12 transition-all duration-300 items-center inset-s-2 top-0 justify-center absolute z-10 group-hover:opacity-100 group-hover:-translate-x-1"><span class="whitespace-nowrap">开始使用</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div><div class="rounded-lg bg-[var(--vp-button-brand-bg)] size-2 scale-100 transition-all duration-300 inset-s-5 top-[40%] absolute group-hover:bg-[var(--vp-button-brand-bg)] group-hover:size-full group-hover:scale-[1.8] group-hover:left-0 group-hover:top-0"></div></button></div></div></div><!--]--></div></div><footer class="VPFooter" data-v-a1ac923a data-v-b6bdad3b><div class="container" data-v-b6bdad3b><!----><p class="copyright" data-v-b6bdad3b>Copyright © 2020-present Fantastic-admin</p></div></footer><!--[--><!--]--></div></div>
</body>
</html>