| 1 | <!DOCTYPE html> |
| 2 | <html lang="zh-CN" data-theme="minimal-white"> |
| 3 | <head> |
| 4 | <meta charset="utf-8"><title>Table of Contents</title> |
| 5 | <link rel="stylesheet" href="../../assets/fonts.css"> |
| 6 | <link rel="stylesheet" href="../../assets/base.css"> |
| 7 | <link rel="stylesheet" id="theme-link" href="../../assets/themes/minimal-white.css"> |
| 8 | <link rel="stylesheet" href="../../assets/animations/animations.css"> |
| 9 | </head> |
| 10 | <body class="single"> |
| 11 | <div class="deck"> |
| 12 | <section class="slide is-active" data-title="Contents"> |
| 13 | <p class="eyebrow">Contents · 目录</p> |
| 14 | <h2 class="h2">今天的五件事</h2> |
| 15 | <div class="grid g2 mt-l anim-stagger-list" data-anim-target> |
| 16 | <div class="card"><div class="row"><div class="h3 dim2" style="width:56px">01</div><div><h4>为什么需要设计系统</h4><p class="dim">从模板到 token，减少重复。</p></div></div></div> |
| 17 | <div class="card"><div class="row"><div class="h3 dim2" style="width:56px">02</div><div><h4>主题与 tokens</h4><p class="dim">24 个可切换的主题，一键换装。</p></div></div></div> |
| 18 | <div class="card"><div class="row"><div class="h3 dim2" style="width:56px">03</div><div><h4>版式目录</h4><p class="dim">30 种单页类型，覆盖 95% 场景。</p></div></div></div> |
| 19 | <div class="card"><div class="row"><div class="h3 dim2" style="width:56px">04</div><div><h4>入场动效</h4><p class="dim">25 种命名动画，可挑可组合。</p></div></div></div> |
| 20 | <div class="card" style="grid-column:span 2"><div class="row"><div class="h3 dim2" style="width:56px">05</div><div><h4>现场演示 & 问答</h4><p class="dim">打开模板就能讲。</p></div></div></div> |
| 21 | </div> |
| 22 | <div class="deck-footer"><span class="dim2">html-ppt</span><span>目录</span></div> |
| 23 | </section> |
| 24 | </div> |
| 25 | <script src="../../assets/runtime.js"></script> |
| 26 | </body></html> |
| 27 |