AI写脚本页:tab 组件并入 page-toolbar 与搜索/筛选同行(对齐热点数据页布局)

This commit is contained in:
maogeigei committed 2026-09-03 15:34:14 +08:00
1 parent adaffc3ce9
commit ced22c1959
3 files changed
+12 -8

No files matched your search

@@ -1129,13 +1129,13 @@ async function renderRewrites(view, initAccount) { /* v22:initAccount=账号
<div class="page-toolbar">
${toolbarBack()}
<span class="page-title">AI写脚本</span>
<div class="rw-tabs rw-toolbar-tabs">
<button class="${tabCls('ref')}" data-tab="ref" title="有原视频:以视频行为选题来源创作,脚本保存后挂在该视频下">参考选题创作<span class="rw-tab-badge">${state.stats.videoScripts}</span></button>
<button class="${tabCls('custom')}" data-tab="custom" title="无原视频:账号列表「AI创作」弹窗等创作,脚本保存后自动入库">自定义选题创作<span class="rw-tab-badge">${state.stats.customScripts}</span></button>
<button class="${tabCls('abc')}" data-tab="abc" title="多视频爆款元素融合创作(开发中)">ABC融合创作</button>
</div>
<div class="toolbar-right" style="margin-right:10px">${toolbarCtrl}</div>
</div>
<div class="rw-tabs">
<button class="${tabCls('ref')}" data-tab="ref" title="有原视频:以视频行为选题来源创作,脚本保存后挂在该视频下">参考选题创作<span class="rw-tab-badge">${state.stats.videoScripts}</span></button>
<button class="${tabCls('custom')}" data-tab="custom" title="无原视频:账号列表「AI创作」弹窗等创作,脚本保存后自动入库">自定义选题创作<span class="rw-tab-badge">${state.stats.customScripts}</span></button>
<button class="${tabCls('abc')}" data-tab="abc" title="多视频爆款元素融合创作(开发中)">ABC融合创作</button>
</div>
<div class="rw-note">${note}</div>
${bodyHtml}
<div class="list-footer">${foot}</div>
@@ -4,7 +4,7 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>MCN工作台</title>
<link rel="stylesheet" href="style.css?v=20260903g">
<link rel="stylesheet" href="style.css?v=20260903h">
<script src="vendor/echarts.min.js"></script>
</head>
<body>
@@ -41,7 +41,7 @@
</div>
</div>
<script src="app.js?v=20260903g"></script>
<script src="data-pages.js?v=20260903g"></script>
<script src="app.js?v=20260903h"></script>
<script src="data-pages.js?v=20260903h"></script>
</body>
</html>
@@ -652,6 +652,10 @@ td.td-title { max-width: 240px; }
/* ---- AI写脚本 三 tab(09-02 v25:参考选题创作 / 自定义选题创作 / ABC融合创作) ---- */
.rw-tabs { display: flex; gap: 2px; border-bottom: 1px solid var(--border); margin: -12px 0 12px; padding: 0 4px; }
.rw-tabs .tab { font-size: 15px; padding: 9px 14px; }
/* AI写脚本页:tab 并入 page-toolbar 同一行(与搜索/筛选同行),去整行分隔条 */
.page-toolbar .rw-tabs { border-bottom: none; margin: 0; padding: 0; align-self: center; }
.page-toolbar .rw-tabs .tab { padding: 4px 10px 3px; font-size: 13px; margin-bottom: 0; }
.page-toolbar .rw-tabs .tab-active { border-bottom: 2px solid var(--primary); }
.rw-tab-badge { display: inline-block; min-width: 18px; margin-left: 6px; padding: 0 6px; border-radius: 10px; background: var(--primary-soft); color: var(--primary); font-size: 12px; line-height: 18px; font-weight: 600; text-align: center; }
.tab-active .rw-tab-badge { background: var(--primary); color: #fff; }
.rw-note { font-size: 12px; color: var(--dim); margin: 0 0 12px; }