refactor: 移除样例页(tutorial design-examples / design-lab shelf)——组件页已含 RouteLine 演示,样例使命完成;导航/目录/视觉基线/散落契约同步清理,25/25 绿(Scatter 组件保留在包中)
This commit is contained in:
1 parent
a1e7c91fce
commit
7b8aad1998
11 files changed
+1
-156
No files matched your search
@@ -2,7 +2,6 @@ const PAGES = [
|
||||
{ href: '/colors.html', name: '01 颜色', desc: '撞色对 · 中性阶 · 章节色 · 反例' },
|
||||
{ href: '/symbols.html', name: '02 符号形状', desc: '语义形状 · 词汇表 · 线形 · 票券' },
|
||||
{ href: '/components.html', name: '03 组件', desc: 'CourseCard · RouteLine · 票券 · 指派块 · 入口' },
|
||||
{ href: '/shelf.html', name: '04 样例', desc: '组合场景——实现验收对照图' },
|
||||
]
|
||||
|
||||
export function App() {
|
||||
|
||||
@@ -1,47 +0,0 @@
|
||||
/** 组合场景=大部分组件拿出来的真实使用,不做解释性标注:
|
||||
* 入口画像 → 课程卡与关系线 → 进度票券 → 指派块;形状散落于卡片附近空当。 */
|
||||
import { Page } from '../../lib/ui'
|
||||
import { ASSIGNMENT, CHAPTERS, PROFILES } from '../../lib/chapters'
|
||||
import { MemphisCard } from '@stack/design-system'
|
||||
import { AssignBlock, Ticket } from '@stack/design-system'
|
||||
import { EntryGuide } from '@stack/design-system'
|
||||
import { Scatter } from '@stack/design-system'
|
||||
import { Cross, Ring, Tremble, Tri, Wave } from '@stack/design-system'
|
||||
|
||||
export function App() {
|
||||
return (
|
||||
<Page
|
||||
tag="<Examples />"
|
||||
title="样例 · 组合场景"
|
||||
desc="大部分组件同台真实使用:入口画像 → 课程卡与关系线 → 进度票券 → 指派块;形状散落于卡片附近空当。"
|
||||
>
|
||||
<EntryGuide chapters={CHAPTERS} profiles={PROFILES} />
|
||||
<div className="relative mt-8 h-[600px] overflow-hidden rounded-2xl bg-paper">
|
||||
<Scatter
|
||||
shapes={[
|
||||
<Tri size={26} key="tri" />,
|
||||
<Ring size={22} key="ring" />,
|
||||
<Cross size={20} key="cross1" />,
|
||||
<Cross size={18} key="cross2" />,
|
||||
<Wave size={44} key="wave" />,
|
||||
<Tremble size={20} key="tremble" />,
|
||||
]}
|
||||
/>
|
||||
<div className="absolute left-[40px] top-[110px] w-[250px]">
|
||||
<MemphisCard chapter={CHAPTERS[1]} entry={1} />
|
||||
</div>
|
||||
<div className="absolute left-[380px] top-[44px] w-[250px] -rotate-1">
|
||||
<MemphisCard chapter={CHAPTERS[2]} entry={2} />
|
||||
</div>
|
||||
<div className="absolute left-[700px] top-[44px] w-[140px]">
|
||||
<MemphisCard chapter={CHAPTERS[5]} compact />
|
||||
</div>
|
||||
<div className="absolute left-[820px] top-[320px]"><AssignBlock {...ASSIGNMENT} /></div>
|
||||
<div className="absolute left-[60px] top-[440px] flex gap-4">
|
||||
<Ticket chapter={CHAPTERS[2]} done />
|
||||
<Ticket chapter={CHAPTERS[5]} done={false} />
|
||||
</div>
|
||||
</div>
|
||||
</Page>
|
||||
)
|
||||
}
|
||||
@@ -1,5 +0,0 @@
|
||||
import '@stack/design-system/styles/tokens.css'
|
||||
import { createRoot } from 'react-dom/client'
|
||||
import { App } from './App'
|
||||
|
||||
createRoot(document.getElementById('root')!).render(<App />)
|
||||
Reference in new issue
Block a user