dongzili
/
file-viewer


			
				
					
						
						
							12345678910111213141516171819202122232425262728
							<!doctype html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Flyfish Viewer Svelte Action Demo</title>
    <link rel="stylesheet" href="/src/styles.css" />
  </head>
  <body>
    <main class="app-shell">
      <header class="topbar">
        <div>
          <h1>Svelte Action Component</h1>
          <p>使用 <code>fileViewer(node, options)</code> action 语义挂载同一个 native viewer。</p>
        </div>
        <nav class="topbar-actions" aria-label="Demo links">
          <a href="/">Component demo</a>
          <a href="/jquery.html">jQuery</a>
          <a href="/manual-iife.html">Script tag</a>
        </nav>
      </header>
      <section class="single-viewer-shell" aria-label="Svelte action component preview">
        <div id="svelte-viewer" class="viewer-host" data-testid="svelte-viewer-host"></div>
      </section>
    </main>
    <script type="module" src="/src/svelte-action-demo.ts"></script>
  </body>
</html>