统一 Airshelf 界面组件与图标

This commit is contained in:
iye
2026-05-27 12:29:41 +08:00
parent ea335587d2
commit 086d92991e
47 changed files with 750 additions and 450 deletions
+10 -9
View File
@@ -2,9 +2,9 @@
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<title>图片创作 · 流·Studio</title>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
<link rel="stylesheet" href="assets/restraint.css?v=202605211643">
<title>图片创作 · Airshelf</title>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="assets/restraint.css?v=2026052607">
<style>
/* viewport-fit · 工作台铺满 */
.app { height: 100vh; overflow: hidden; }
@@ -760,7 +760,7 @@
<div class="param" data-param="model" tabindex="0" hidden>
<span class="lbl-mono">模型</span>
<span id="io-param-model-lbl">流·Studio v2</span>
<span id="io-param-model-lbl">Airshelf v2</span>
<svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M4 6l4 4 4-4"/></svg>
<div class="io-param-menu" id="io-menu-model"></div>
</div>
@@ -818,7 +818,8 @@
</div>
</div>
<script src="assets/shell.js?v=202605211643"></script>
<script src="assets/icons.js?v=2026052608"></script>
<script src="assets/shell.js?v=2026052607"></script>
<script>
Shell.render({
active: 'asset-factory',
@@ -845,8 +846,8 @@ Shell.render({
const PRICE_PER = 0.10;
const MODELS = [
{ id: 'studio-v2', label: '流·Studio v2', sub: '通用 · 速度优' },
{ id: 'studio-v2-pro', label: '流·Studio v2 Pro', sub: '细节 · 商用' },
{ id: 'studio-v2', label: 'Airshelf v2', sub: '通用 · 速度优' },
{ id: 'studio-v2-pro', label: 'Airshelf v2 Pro', sub: '细节 · 商用' },
{ id: 'realistic', label: '写实增强', sub: '商品 · 人像' },
{ id: 'anime', label: '国风动漫', sub: '二次元 · 海报' },
];
@@ -1120,7 +1121,7 @@ Shell.render({
</button>
<div class="cell-more-wrap">
<button type="button" data-act="more" title="更多">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><circle cx="5" cy="12" r="1.2"/><circle cx="12" cy="12" r="1.2"/><circle cx="19" cy="12" r="1.2"/></svg>
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><circle cx="5" cy="12" r="1.6" fill="currentColor" stroke="none"/><circle cx="12" cy="12" r="1.6" fill="currentColor" stroke="none"/><circle cx="19" cy="12" r="1.6" fill="currentColor" stroke="none"/></svg>
</button>
<div class="cell-more-menu">
<button type="button" data-act="save-lib"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M19 21l-7-5-7 5V5a2 2 0 012-2h10a2 2 0 012 2z"/></svg>加入资产库</button>
@@ -1165,7 +1166,7 @@ Shell.render({
</button>
<div class="msg-more-wrap">
<button type="button" class="icon" data-act="msg-more" data-id="${m.id}" title="更多">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><circle cx="5" cy="12" r="1.2"/><circle cx="12" cy="12" r="1.2"/><circle cx="19" cy="12" r="1.2"/></svg>
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><circle cx="5" cy="12" r="1.6" fill="currentColor" stroke="none"/><circle cx="12" cy="12" r="1.6" fill="currentColor" stroke="none"/><circle cx="19" cy="12" r="1.6" fill="currentColor" stroke="none"/></svg>
</button>
<div class="msg-more-menu" role="menu">
<button type="button" data-act="msg-save-all" data-id="${m.id}">