ee719d07cc
- 56 套模板元数据（35 Figma 原生 + 21 非 Figma） - 静态展示站 (HTML/CSS/JS 无框架)：格式筛选、lightbox、搜索 - 35 个 .fig 已真上传 Figma Drafts 云端 - iframe 实时投射（登录态可看私有 Drafts） - 部署：nginx:alpine + basic-auth (kang) Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
57 lines
1.6 KiB
HTML
57 lines
1.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width,initial-scale=1">
|
|
<title>Figma 模板库 · 56 套精选</title>
|
|
<link rel="stylesheet" href="styles.css">
|
|
</head>
|
|
<body>
|
|
|
|
<header class="hero">
|
|
<div class="wrap">
|
|
<h1>Figma 模板库</h1>
|
|
<p class="sub">56 套 Web UI Kit · 35 套 Figma 原生 · 本地源包 + 预览 + 可投射到个人账户</p>
|
|
<div class="stats" id="stats"></div>
|
|
<div class="banner" id="banner"></div>
|
|
</div>
|
|
</header>
|
|
|
|
<nav class="toolbar">
|
|
<div class="wrap">
|
|
<div class="filters" id="filters">
|
|
<button class="pill active" data-filter="all">全部</button>
|
|
<button class="pill" data-filter="fig">Figma 原生</button>
|
|
<button class="pill" data-filter="sketch">Sketch</button>
|
|
<button class="pill" data-filter="xd">XD</button>
|
|
<button class="pill" data-filter="psd">PSD</button>
|
|
<button class="pill" data-filter="imported">已入 Figma</button>
|
|
</div>
|
|
<input type="search" id="search" placeholder="搜索模板名…">
|
|
</div>
|
|
</nav>
|
|
|
|
<main class="wrap">
|
|
<div class="grid" id="grid"></div>
|
|
<p class="empty" id="empty" hidden>没有匹配的模板</p>
|
|
</main>
|
|
|
|
<div class="modal" id="modal" hidden>
|
|
<div class="modal-bg"></div>
|
|
<div class="modal-panel">
|
|
<button class="modal-close" id="modalClose">✕</button>
|
|
<div class="modal-body" id="modalBody"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<footer>
|
|
<div class="wrap">
|
|
<span>本地路径：<code>~/Projects/research/20260422-figma模板库/</code></span>
|
|
<span id="gen"></span>
|
|
</div>
|
|
</footer>
|
|
|
|
<script src="app.js"></script>
|
|
</body>
|
|
</html>
|