Repository navigation
Expand file tree
/
Copy pathindex.html
More file actions
36 lines (34 loc) · 24.5 KB
/
Copy pathindex.html
File metadata and controls
36 lines (34 loc) · 24.5 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
<!DOCTYPE html>
<html lang="zh-CN" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>One-step Console | 像导播一样编排你的工作现场</title>
<meta name="description" content="像导播一样编排你的工作现场">
<meta name="generator" content="VitePress v2.0.0-alpha.19">
<link rel="preload stylesheet" href="/assets/style.BLR81XNG.css" as="style">
<link rel="preload stylesheet" href="/vp-icons.css" as="style">
<script type="module" src="/assets/chunks/metadata.d4628890.js"></script>
<script type="module" src="/assets/app.DgTuCKMP.js"></script>
<link rel="preload" href="/assets/inter-roman-latin.BOE8-mWI.woff2" as="font" type="font/woff2" crossorigin="">
<link rel="modulepreload" href="/assets/chunks/framework.B2_Ga-t4.js">
<link rel="modulepreload" href="/assets/chunks/theme.C5m_f4Us.js">
<link rel="modulepreload" href="/assets/index.md.Lr5FX6Kb.lean.js">
<link rel="icon" href="/favicon.ico">
<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="One-step Console">
<meta property="og:description" content="像导播一样编排你的工作现场">
<meta name="keywords" content="vue,vite,router,vuex,pinia,typescript,template,startkit,starter,启动套件,模板">
<keywords content="vue,vite,router,vuex,pinia,typescript,template,startkit,starter,启动套件,模板"></keywords>
<description content="像导播一样编排你的工作现场"></description>
<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?d023f22d3c7fd011aed5f4499aebfabe`;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>
</head>
<body>
<div id="app"><div class="Layout" data-v-f84055ec><!--[--><!----><!--]--><!--[--><span tabindex="-1" data-v-76a6c9d9></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-76a6c9d9>Skip to content</a><!--]--><!----><header class="VPNav" data-v-f84055ec data-v-19dd3fab><div class="VPNavBar home top" data-v-19dd3fab data-v-f33d3c9e><div class="wrapper" data-v-f33d3c9e><div class="container" data-v-f33d3c9e><div class="title" data-v-f33d3c9e><div class="VPNavBarTitle" data-v-f33d3c9e data-v-7417f85b><a class="title" href="/" data-v-7417f85b><!--[--><!--]--><!----><span data-v-7417f85b>One-step Console 官方文档</span><!--[--><!--]--></a></div></div><div class="content" data-v-f33d3c9e><div class="content-body" data-v-f33d3c9e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-f33d3c9e data-v-3298cf5c><!--[--><button type="button" class="VPNavBarSearchButton" aria-label="搜索文档" aria-keyshortcuts="/ control+k meta+k" data-v-3298cf5c data-v-8656fdf8><span class="vpi-search" aria-hidden="true" data-v-8656fdf8></span><span class="text" data-v-8656fdf8>搜索文档</span><span class="keys" aria-hidden="true" data-v-8656fdf8><kbd class="key-cmd" data-v-8656fdf8>⌘</kbd><kbd class="key-ctrl" data-v-8656fdf8>Ctrl</kbd><kbd data-v-8656fdf8>K</kbd></span></button><!----><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-f33d3c9e data-v-1e828a7f><span id="main-nav-aria-label" class="visually-hidden" data-v-1e828a7f> Main Navigation </span><ul class="list" data-v-1e828a7f><!--[--><li data-v-1e828a7f><div class="VPFlyout VPNavBarMenuGroup" data-v-1e828a7f data-v-3f99bf84><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-3f99bf84><span class="text" data-v-3f99bf84><!----><span data-v-3f99bf84>文档</span><span class="vpi-chevron-down text-icon" data-v-3f99bf84></span></span></button><div class="menu" data-v-3f99bf84><div class="VPMenu" data-v-3f99bf84 data-v-7b34b4c4><ul class="items" data-v-7b34b4c4><!--[--><li data-v-7b34b4c4><div class="VPMenuLink" data-v-7b34b4c4 data-v-7896103a><a class="VPLink link" href="/guide/intro.html" data-v-7896103a><!--[--><span data-v-7896103a>指南</span><!--]--></a></div></li><li data-v-7b34b4c4><div class="VPMenuLink" data-v-7b34b4c4 data-v-7896103a><a class="VPLink link" href="/components/index.html" data-v-7896103a><!--[--><span data-v-7896103a>组件</span><!--]--></a></div></li><!--]--></ul><!--[--><!--]--></div></div></div></li><li data-v-1e828a7f><div class="VPFlyout VPNavBarMenuGroup" data-v-1e828a7f data-v-3f99bf84><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-3f99bf84><span class="text" data-v-3f99bf84><!----><span data-v-3f99bf84>在线演示</span><span class="vpi-chevron-down text-icon" data-v-3f99bf84></span></span></button><div class="menu" data-v-3f99bf84><div class="VPMenu" data-v-3f99bf84 data-v-7b34b4c4><ul class="items" data-v-7b34b4c4><!--[--><li data-v-7b34b4c4><div class="VPMenuLink" data-v-7b34b4c4 data-v-7896103a><a class="VPLink link vp-external-link-icon" href="https://one-step-admin.hurui.me/pro-example" target="_blank" rel="noreferrer" data-v-7896103a><!--[--><span data-v-7896103a>专业版</span><!--]--></a></div></li><li data-v-7b34b4c4><div class="VPMenuGroup" data-v-7b34b4c4 data-v-06cbb242><p class="title" data-v-06cbb242>备用地址</p><!--[--><!--[--><div class="VPMenuLink" data-v-06cbb242 data-v-7896103a><a class="VPLink link vp-external-link-icon" href="https://one-step-admin.pages.dev/pro-example" target="_blank" rel="noreferrer" data-v-7896103a><!--[--><span data-v-7896103a>专业版</span><!--]--></a></div><!--]--><!--]--></div></li><!--]--></ul><!--[--><!--]--></div></div></div></li><li data-v-1e828a7f><a class="VPLink link VPNavBarMenuLink" href="/buy.html" tabindex="0" data-v-1e828a7f data-v-682d4b41><!--[--><span data-v-682d4b41>购买专业版</span><!--]--></a></li><!--]--></ul></nav><!----><div class="VPNavBarAppearance appearance" data-v-f33d3c9e data-v-22cdff18><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-22cdff18 data-v-3a023629 data-v-83f1b0d2><span class="check" data-v-83f1b0d2><span class="icon" data-v-83f1b0d2><!--[--><span class="vpi-sun sun" data-v-3a023629></span><span class="vpi-moon moon" data-v-3a023629></span><!--]--></span></span></button></div><ul class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-f33d3c9e data-v-19a8c18c data-v-b25c08f6><!--[--><li class="item" data-v-b25c08f6><a class="VPSocialLink no-icon" href="https://github.com/one-step-admin/basic" aria-label="github" target="_blank" rel="me noopener" data-v-b25c08f6 data-v-f65fea57><span class="vpi-social-github"></span></a></li><li class="item" data-v-b25c08f6><a class="VPSocialLink no-icon" href="https://gitee.com/one-step-admin/basic" aria-label target="_blank" rel="me noopener" data-v-b25c08f6 data-v-f65fea57><svg t="1663266323098" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2880" width="200" height="200"><path d="M512 1024C230.4 1024 0 793.6 0 512S230.4 0 512 0s512 230.4 512 512-230.4 512-512 512z m259.2-569.6H480c-12.8 0-25.6 12.8-25.6 25.6v64c0 12.8 12.8 25.6 25.6 25.6h176c12.8 0 25.6 12.8 25.6 25.6v12.8c0 41.6-35.2 76.8-76.8 76.8h-240c-12.8 0-25.6-12.8-25.6-25.6V416c0-41.6 35.2-76.8 76.8-76.8h355.2c12.8 0 25.6-12.8 25.6-25.6v-64c0-12.8-12.8-25.6-25.6-25.6H416c-105.6 0-188.8 86.4-188.8 188.8V768c0 12.8 12.8 25.6 25.6 25.6h374.4c92.8 0 169.6-76.8 169.6-169.6v-144c0-12.8-12.8-25.6-25.6-25.6z" p-id="2881"></path></svg></a></li><!--]--></ul><div class="VPFlyout VPNavBarExtra extra" data-v-f33d3c9e data-v-a1a79124 data-v-3f99bf84><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-3f99bf84><span class="vpi-more-horizontal icon" data-v-3f99bf84></span></button><div class="menu" data-v-3f99bf84><div class="VPMenu" data-v-3f99bf84 data-v-7b34b4c4><!----><!--[--><!--[--><!----><div class="group" data-v-a1a79124><div class="item appearance" data-v-a1a79124><p class="label" data-v-a1a79124>Appearance</p><div class="appearance-action" data-v-a1a79124><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-a1a79124 data-v-3a023629 data-v-83f1b0d2><span class="check" data-v-83f1b0d2><span class="icon" data-v-83f1b0d2><!--[--><span class="vpi-sun sun" data-v-3a023629></span><span class="vpi-moon moon" data-v-3a023629></span><!--]--></span></span></button></div></div></div><div class="group" data-v-a1a79124><div class="item social-links" data-v-a1a79124><ul class="VPSocialLinks social-links-list" data-v-a1a79124 data-v-b25c08f6><!--[--><li class="item" data-v-b25c08f6><a class="VPSocialLink no-icon" href="https://github.com/one-step-admin/basic" aria-label="github" target="_blank" rel="me noopener" data-v-b25c08f6 data-v-f65fea57><span class="vpi-social-github"></span></a></li><li class="item" data-v-b25c08f6><a class="VPSocialLink no-icon" href="https://gitee.com/one-step-admin/basic" aria-label target="_blank" rel="me noopener" data-v-b25c08f6 data-v-f65fea57><svg t="1663266323098" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2880" width="200" height="200"><path d="M512 1024C230.4 1024 0 793.6 0 512S230.4 0 512 0s512 230.4 512 512-230.4 512-512 512z m259.2-569.6H480c-12.8 0-25.6 12.8-25.6 25.6v64c0 12.8 12.8 25.6 25.6 25.6h176c12.8 0 25.6 12.8 25.6 25.6v12.8c0 41.6-35.2 76.8-76.8 76.8h-240c-12.8 0-25.6-12.8-25.6-25.6V416c0-41.6 35.2-76.8 76.8-76.8h355.2c12.8 0 25.6-12.8 25.6-25.6v-64c0-12.8-12.8-25.6-25.6-25.6H416c-105.6 0-188.8 86.4-188.8 188.8V768c0 12.8 12.8 25.6 25.6 25.6h374.4c92.8 0 169.6-76.8 169.6-169.6v-144c0-12.8-12.8-25.6-25.6-25.6z" p-id="2881"></path></svg></a></li><!--]--></ul></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-f33d3c9e data-v-705675bc><span class="container" data-v-705675bc><span class="top" data-v-705675bc></span><span class="middle" data-v-705675bc></span><span class="bottom" data-v-705675bc></span></span></button></div></div></div></div><div class="divider" data-v-f33d3c9e><div class="divider-line" data-v-f33d3c9e></div></div></div><!----></header><!----><!----><div class="VPContent is-home" id="VPContent" data-v-f84055ec data-v-1d4300d1><main class="osc-home text-slate-950 bg-[#f5f7fb] flex flex-1 relative overflow-hidden isolate dark:text-white dark:bg-[#050507]" data-v-1d4300d1 data-v-a1f0b7af><div class="opacity-80 pointer-events-none inset-0 fixed z-0 dark:opacity-100" data-v-a1f0b7af><div class="rounded-full bg-emerald-300/30 h-92 w-92 left-[8%] top-[12%] absolute blur-70 dark:bg-emerald-400/15" data-v-a1f0b7af></div><div class="rounded-full bg-sky-300/32 h-86 w-86 right-[8%] top-[20%] absolute blur-70 dark:bg-sky-400/14" data-v-a1f0b7af></div><div class="rounded-full bg-rose-300/24 h-112 w-112 bottom-[-18%] left-[35%] absolute blur-80 dark:bg-rose-400/10" data-v-a1f0b7af></div></div><section class="mx-auto px-5 py-8 flex flex-col max-w-1400px min-h-0 w-full justify-center relative z-1 lg:px-10 md:px-8" data-v-a1f0b7af><div class="mx-auto mb-8 text-center flex flex-col max-w-230 items-center" data-v-a1f0b7af><span class="text-[10px] text-slate-500 tracking-[0.24em] font-650 mb-4 px-3.5 py-1.5 rounded-full bg-white/80 inline-flex uppercase ring-1 ring-slate-950/8 dark:text-white/76 dark:bg-white/10 dark:ring-white/14" data-v-a1f0b7af> One-step Console </span><h1 class="text-46px text-slate-950 leading-[0.94] tracking-0 font-bold m-0 md:text-68px dark:text-white" data-v-a1f0b7af> 一步控制台 </h1><p class="text-16px text-slate-600 leading-7 m-0 mt-5 max-w-168 dark:text-white/74" data-v-a1f0b7af> 像导播一样编排你的工作现场 </p><div class="mt-6 flex flex-wrap gap-3 items-center justify-center" data-v-a1f0b7af><a class="text-14px text-white font-680 px-4 py-1.5 rounded-full bg-slate-950 inline-flex transition-transform duration-300 ease-[cubic-bezier(0.32,0.72,0,1)] items-center dark:text-[#050507] dark:bg-white active:scale-[0.98]" href="/guide/ready" data-v-a1f0b7af> 开始 </a><a class="group text-14px text-slate-600 font-620 px-4 py-2 rounded-full bg-white/75 inline-flex gap-2.5 ring-1 ring-slate-950/8 transition-all duration-300 ease-[cubic-bezier(0.32,0.72,0,1)] items-center dark:text-white/82 hover:text-slate-950 dark:bg-white/10 hover:bg-white dark:ring-white/14 active:scale-[0.98] dark:hover:text-white dark:hover:bg-white/14" href="https://one-step-admin.hurui.me/pro-example/" target="_blank" rel="noopener" data-v-a1f0b7af> 演示:专业版 <span class="rounded-full bg-slate-950/8 inline-flex h-6 w-6 transition-transform duration-300 ease-[cubic-bezier(0.32,0.72,0,1)] items-center justify-center dark:bg-white/14 group-hover:-rotate-45" data-v-a1f0b7af>→</span></a></div></div><div class="stage-demo p-2 rounded-[2.35rem] bg-white/72 ring-1 ring-slate-950/8 shadow-[0_44px_110px_-70px_rgb(15_23_42/58%)] relative dark:bg-white/[0.09] dark:ring-white/18 dark:shadow-[0_40px_120px_rgba(0,0,0,0.42)]" data-v-a1f0b7af><div class="rounded-[calc(2.35rem-0.5rem)] bg-white h-[560px] shadow-[inset_0_1px_1px_rgb(255_255_255/90%)] relative overflow-hidden dark:bg-[#0f1117] dark:shadow-[inset_0_1px_1px_rgba(255,255,255,0.22)]" style="--stage-accent:#10b981;" data-v-a1f0b7af><div class="bg-[linear-gradient(135deg,rgb(15_23_42/4%)_0_1px,transparent_1px_18px)] inset-0 absolute dark:bg-[linear-gradient(135deg,rgb(255_255_255/4%)_0_1px,transparent_1px_18px)]" data-v-a1f0b7af><div class="stage-perspective inset-0 absolute overflow-hidden" data-v-a1f0b7af><aside class="bg-slate-950/[0.035] w-64 bottom-0 left-0 top-0 absolute z-1 dark:bg-white/[0.04]" data-v-a1f0b7af></aside><!--[--><button class="cursor-default stage-panel group text-left h-[calc(100%-48px)] w-[calc(100%-284px)] origin-top-left transition-[transform,opacity,box-shadow] duration-500 ease-[cubic-bezier(0.16,1,0.3,1)] [backface-visibility:hidden] [will-change:transform] left-0 top-0 absolute hover:opacity-100!" style="transform:translate3d(260px, 24px, 0) rotateY(0deg) scale3d(1, 1, 1);opacity:1;pointer-events:auto;z-index:30;" data-v-a1f0b7af><div class="p-2 rounded-[2rem] bg-white/70 size-full ring-1 ring-slate-950/10 shadow-[0_34px_86px_-62px_rgb(15_23_42/70%)] dark:bg-white/[0.09] dark:ring-white/16 dark:shadow-[0_34px_86px_-62px_rgb(0_0_0/82%)]" data-v-a1f0b7af><div class="p-10 rounded-[calc(2rem-0.5rem)] bg-white flex flex-col h-full shadow-[inset_0_1px_1px_rgb(255_255_255/90%)] justify-between relative overflow-hidden md:p-12 dark:bg-[#151720] dark:shadow-[inset_0_1px_1px_rgba(255,255,255,0.18)]" data-v-a1f0b7af><div class="rounded-full opacity-22 h-90 w-90 pointer-events-none right-[-8%] top-[-18%] absolute blur-42" style="background-color:#10b981;" data-v-a1f0b7af></div><div class="flex gap-6 items-start justify-between relative" data-v-a1f0b7af><span class="rounded-[1.45rem] flex size-18 ring-1 ring-slate-950/8 items-center justify-center dark:ring-white/10" style="color:#10b981;background-color:#10b98118;" data-v-a1f0b7af><span class="i-ri:stack-line text-9" data-v-a1f0b7af></span></span></div><div class="max-w-178 relative" data-v-a1f0b7af><h2 class="text-56px text-slate-950 leading-[0.95] tracking-0 font-760 m-0 max-w-16ch md:text-74px dark:text-white" data-v-a1f0b7af>多舞台任务编排</h2><p class="text-18px text-slate-600 leading-8 m-0 mt-7 max-w-150 dark:text-white/74" data-v-a1f0b7af>当前舞台完整展开,其他舞台自动贴附在侧边,可随时切换舞台回到上下文。</p></div><div class="flex flex-wrap gap-2.5 relative" data-v-a1f0b7af><!--[--><span class="text-13px text-slate-600 px-3.5 py-2 rounded-full bg-slate-950/5 ring-1 ring-slate-950/8 dark:text-white/78 dark:bg-white/10 dark:ring-white/12" data-v-a1f0b7af>当前舞台聚焦</span><span class="text-13px text-slate-600 px-3.5 py-2 rounded-full bg-slate-950/5 ring-1 ring-slate-950/8 dark:text-white/78 dark:bg-white/10 dark:ring-white/12" data-v-a1f0b7af>侧栏舞台吸附</span><span class="text-13px text-slate-600 px-3.5 py-2 rounded-full bg-slate-950/5 ring-1 ring-slate-950/8 dark:text-white/78 dark:bg-white/10 dark:ring-white/12" data-v-a1f0b7af>LRU 工作流切换</span><!--]--></div></div></div></button><button class="cursor-pointer active:scale-[0.985] stage-panel group text-left h-[calc(100%-48px)] w-[calc(100%-284px)] origin-top-left transition-[transform,opacity,box-shadow] duration-500 ease-[cubic-bezier(0.16,1,0.3,1)] [backface-visibility:hidden] [will-change:transform] left-0 top-0 absolute hover:opacity-100!" style="transform:translate3d(18px, 12px, 0) rotateY(45deg) scale3d(0.34, 0.34, 1);opacity:0.92;pointer-events:auto;z-index:10;" role="button" tabindex="0" data-v-a1f0b7af><div class="p-2 rounded-[2rem] bg-white/70 size-full ring-1 ring-slate-950/10 shadow-[0_34px_86px_-62px_rgb(15_23_42/70%)] dark:bg-white/[0.09] dark:ring-white/16 dark:shadow-[0_34px_86px_-62px_rgb(0_0_0/82%)]" data-v-a1f0b7af><div class="p-10 rounded-[calc(2rem-0.5rem)] bg-white flex flex-col h-full shadow-[inset_0_1px_1px_rgb(255_255_255/90%)] justify-between relative overflow-hidden md:p-12 dark:bg-[#151720] dark:shadow-[inset_0_1px_1px_rgba(255,255,255,0.18)]" data-v-a1f0b7af><div class="rounded-full opacity-22 h-90 w-90 pointer-events-none right-[-8%] top-[-18%] absolute blur-42" style="background-color:#f43f5e;" data-v-a1f0b7af></div><div class="flex gap-6 items-start justify-between relative" data-v-a1f0b7af><span class="rounded-[1.45rem] flex size-18 ring-1 ring-slate-950/8 items-center justify-center dark:ring-white/10" style="color:#f43f5e;background-color:#f43f5e18;" data-v-a1f0b7af><span class="i-ri:layout-masonry-line text-9" data-v-a1f0b7af></span></span></div><div class="max-w-178 relative" data-v-a1f0b7af><h2 class="text-56px text-slate-950 leading-[0.95] tracking-0 font-760 m-0 max-w-16ch md:text-74px dark:text-white" data-v-a1f0b7af>舞台布局收藏</h2><p class="text-18px text-slate-600 leading-8 m-0 mt-7 max-w-150 dark:text-white/74" data-v-a1f0b7af>保留窗口集合、布局模式、排序和参数,让团队可以把高频任务场景沉淀为可一键恢复的工作现场。</p></div><div class="flex flex-wrap gap-2.5 relative" data-v-a1f0b7af><!--[--><span class="text-13px text-slate-600 px-3.5 py-2 rounded-full bg-slate-950/5 ring-1 ring-slate-950/8 dark:text-white/78 dark:bg-white/10 dark:ring-white/12" data-v-a1f0b7af>布局快照</span><span class="text-13px text-slate-600 px-3.5 py-2 rounded-full bg-slate-950/5 ring-1 ring-slate-950/8 dark:text-white/78 dark:bg-white/10 dark:ring-white/12" data-v-a1f0b7af>收藏更新</span><span class="text-13px text-slate-600 px-3.5 py-2 rounded-full bg-slate-950/5 ring-1 ring-slate-950/8 dark:text-white/78 dark:bg-white/10 dark:ring-white/12" data-v-a1f0b7af>参数恢复</span><!--]--></div></div></div></button><button class="cursor-pointer active:scale-[0.985] stage-panel group text-left h-[calc(100%-48px)] w-[calc(100%-284px)] origin-top-left transition-[transform,opacity,box-shadow] duration-500 ease-[cubic-bezier(0.16,1,0.3,1)] [backface-visibility:hidden] [will-change:transform] left-0 top-0 absolute hover:opacity-100!" style="transform:translate3d(18px, 194px, 0) rotateY(45deg) scale3d(0.34, 0.34, 1);opacity:0.82;pointer-events:auto;z-index:10;" role="button" tabindex="0" data-v-a1f0b7af><div class="p-2 rounded-[2rem] bg-white/70 size-full ring-1 ring-slate-950/10 shadow-[0_34px_86px_-62px_rgb(15_23_42/70%)] dark:bg-white/[0.09] dark:ring-white/16 dark:shadow-[0_34px_86px_-62px_rgb(0_0_0/82%)]" data-v-a1f0b7af><div class="p-10 rounded-[calc(2rem-0.5rem)] bg-white flex flex-col h-full shadow-[inset_0_1px_1px_rgb(255_255_255/90%)] justify-between relative overflow-hidden md:p-12 dark:bg-[#151720] dark:shadow-[inset_0_1px_1px_rgba(255,255,255,0.18)]" data-v-a1f0b7af><div class="rounded-full opacity-22 h-90 w-90 pointer-events-none right-[-8%] top-[-18%] absolute blur-42" style="background-color:#3b82f6;" data-v-a1f0b7af></div><div class="flex gap-6 items-start justify-between relative" data-v-a1f0b7af><span class="rounded-[1.45rem] flex size-18 ring-1 ring-slate-950/8 items-center justify-center dark:ring-white/10" style="color:#3b82f6;background-color:#3b82f618;" data-v-a1f0b7af><span class="i-ri:terminal-window-line text-9" data-v-a1f0b7af></span></span></div><div class="max-w-178 relative" data-v-a1f0b7af><h2 class="text-56px text-slate-950 leading-[0.95] tracking-0 font-760 m-0 max-w-16ch md:text-74px dark:text-white" data-v-a1f0b7af>窗口声明式运行时</h2><p class="text-18px text-slate-600 leading-8 m-0 mt-7 max-w-150 dark:text-white/74" data-v-a1f0b7af>以 Vue 组件为核心,通过元信息声明标题、图标、权限和加载方式。</p></div><div class="flex flex-wrap gap-2.5 relative" data-v-a1f0b7af><!--[--><span class="text-13px text-slate-600 px-3.5 py-2 rounded-full bg-slate-950/5 ring-1 ring-slate-950/8 dark:text-white/78 dark:bg-white/10 dark:ring-white/12" data-v-a1f0b7af>defineWindow 接入</span><span class="text-13px text-slate-600 px-3.5 py-2 rounded-full bg-slate-950/5 ring-1 ring-slate-950/8 dark:text-white/78 dark:bg-white/10 dark:ring-white/12" data-v-a1f0b7af>虚拟模块注册</span><span class="text-13px text-slate-600 px-3.5 py-2 rounded-full bg-slate-950/5 ring-1 ring-slate-950/8 dark:text-white/78 dark:bg-white/10 dark:ring-white/12" data-v-a1f0b7af>窗口级懒加载</span><!--]--></div></div></div></button><button class="cursor-pointer active:scale-[0.985] stage-panel group text-left h-[calc(100%-48px)] w-[calc(100%-284px)] origin-top-left transition-[transform,opacity,box-shadow] duration-500 ease-[cubic-bezier(0.16,1,0.3,1)] [backface-visibility:hidden] [will-change:transform] left-0 top-0 absolute hover:opacity-100!" style="transform:translate3d(18px, 376px, 0) rotateY(45deg) scale3d(0.34, 0.34, 1);opacity:0.72;pointer-events:auto;z-index:10;" role="button" tabindex="0" data-v-a1f0b7af><div class="p-2 rounded-[2rem] bg-white/70 size-full ring-1 ring-slate-950/10 shadow-[0_34px_86px_-62px_rgb(15_23_42/70%)] dark:bg-white/[0.09] dark:ring-white/16 dark:shadow-[0_34px_86px_-62px_rgb(0_0_0/82%)]" data-v-a1f0b7af><div class="p-10 rounded-[calc(2rem-0.5rem)] bg-white flex flex-col h-full shadow-[inset_0_1px_1px_rgb(255_255_255/90%)] justify-between relative overflow-hidden md:p-12 dark:bg-[#151720] dark:shadow-[inset_0_1px_1px_rgba(255,255,255,0.18)]" data-v-a1f0b7af><div class="rounded-full opacity-22 h-90 w-90 pointer-events-none right-[-8%] top-[-18%] absolute blur-42" style="background-color:#8b5cf6;" data-v-a1f0b7af></div><div class="flex gap-6 items-start justify-between relative" data-v-a1f0b7af><span class="rounded-[1.45rem] flex size-18 ring-1 ring-slate-950/8 items-center justify-center dark:ring-white/10" style="color:#8b5cf6;background-color:#8b5cf618;" data-v-a1f0b7af><span class="i-ri:node-tree text-9" data-v-a1f0b7af></span></span></div><div class="max-w-178 relative" data-v-a1f0b7af><h2 class="text-56px text-slate-950 leading-[0.95] tracking-0 font-760 m-0 max-w-16ch md:text-74px dark:text-white" data-v-a1f0b7af>工程化底座</h2><p class="text-18px text-slate-600 leading-8 m-0 mt-7 max-w-150 dark:text-white/74" data-v-a1f0b7af>围绕 Vite、Vue、Pinia 与 UnoCSS 组织工程能力,把应用壳、主题、权限、图标和文档体验放在同一套约束里。</p></div><div class="flex flex-wrap gap-2.5 relative" data-v-a1f0b7af><!--[--><span class="text-13px text-slate-600 px-3.5 py-2 rounded-full bg-slate-950/5 ring-1 ring-slate-950/8 dark:text-white/78 dark:bg-white/10 dark:ring-white/12" data-v-a1f0b7af>主题体系</span><span class="text-13px text-slate-600 px-3.5 py-2 rounded-full bg-slate-950/5 ring-1 ring-slate-950/8 dark:text-white/78 dark:bg-white/10 dark:ring-white/12" data-v-a1f0b7af>模块边界</span><span class="text-13px text-slate-600 px-3.5 py-2 rounded-full bg-slate-950/5 ring-1 ring-slate-950/8 dark:text-white/78 dark:bg-white/10 dark:ring-white/12" data-v-a1f0b7af>文档同源</span><!--]--></div></div></div></button><!--]--></div></div></div></div></section></main></div><footer class="VPFooter" data-v-f84055ec data-v-613fa02f><div class="container" data-v-613fa02f><!----><p class="copyright" data-v-613fa02f>Copyright © 2021-present One-step Console</p></div></footer><!--[--><!--]--></div></div>
</body>
</html>