feat: 新增收藏功能 - 图/表/合并图一键收藏,按原始大小保存到收藏区,可查看原图/下载/删除,点击编辑在新标签页加载配置再次制作

This commit is contained in:
2026-08-19 17:55:18 +08:00
parent 7a03ecc063
commit 606610f8d3
5 changed files with 704 additions and 2 deletions
+16
View File
@@ -13,6 +13,9 @@
<header class="app-header">
<h1>📊 数据可视化图表生成器</h1>
<p class="subtitle">粘贴数据,生成精美图表或表格</p>
<div class="header-actions">
<button class="btn btn-fav-outline" onclick="openFavorites()">⭐ 收藏区</button>
</div>
</header>
<div class="main-content">
@@ -230,6 +233,7 @@ C, 20, 30, 40</pre>
<span class="export-toggle" id="exportToggle"></span>
</div>
<button class="btn btn-success btn-sm" onclick="exportImage('png')">📥 下载</button>
<button class="btn btn-fav btn-sm" id="btnFavorite" onclick="saveFavorite()">⭐ 收藏</button>
</div>
<div id="exportSettingsBody" class="export-settings-body" style="display:none;">
@@ -420,5 +424,17 @@ C, 20, 30, 40</pre>
</div>
<script src="app.js"></script>
<!-- 收藏区弹窗 -->
<div class="fav-modal" id="favoritesModal" onclick="if(event.target===this)closeFavorites()">
<div class="fav-modal-box">
<div class="fav-modal-head">
<h2>⭐ 收藏区</h2>
<button class="btn btn-remove" onclick="closeFavorites()" title="关闭"></button>
</div>
<div class="fav-modal-tip"><span id="favCount">0</span> 条 · 点击图片看原图 · 「编辑」在新标签页再次制作</div>
<div class="fav-list" id="favoritesList"></div>
</div>
</div>
</body>
</html>