53 lines
3.9 KiB
XML
53 lines
3.9 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="500" viewBox="0 0 1200 500">
|
||
<defs>
|
||
<marker id="arrow" markerWidth="10" markerHeight="10" refX="9" refY="3" orient="auto">
|
||
<path d="M0,0 L0,6 L9,3 z" fill="#4D7CFE"/>
|
||
</marker>
|
||
<style>
|
||
.title { font: 700 24px -apple-system, BlinkMacSystemFont, "PingFang SC", sans-serif; fill: #182230; }
|
||
.label { font: 600 17px -apple-system, BlinkMacSystemFont, "PingFang SC", sans-serif; fill: #182230; }
|
||
.small { font: 14px -apple-system, BlinkMacSystemFont, "PingFang SC", sans-serif; fill: #5D6B7C; }
|
||
.box { fill: #FFFFFF; stroke: #B9C8DA; stroke-width: 2; }
|
||
.active { fill: #EEF4FF; stroke: #4D7CFE; stroke-width: 2.5; }
|
||
.free { fill: #FFF8E8; stroke: #F2A93B; stroke-width: 2.5; }
|
||
.cover { fill: #FFF4E8; stroke: #F59E0B; stroke-width: 2.5; }
|
||
.line { fill: none; stroke: #4D7CFE; stroke-width: 2.5; marker-end: url(#arrow); }
|
||
</style>
|
||
</defs>
|
||
<rect width="1200" height="500" rx="24" fill="#F7F9FC"/>
|
||
<text x="42" y="52" class="title">多图三类风格选择与封面生成</text>
|
||
<rect x="42" y="92" width="220" height="116" rx="16" class="box"/>
|
||
<text x="152" y="128" text-anchor="middle" class="label">统计选中照片数</text>
|
||
<text x="152" y="160" text-anchor="middle" class="small">进入批量 AI 修图前判断</text>
|
||
<text x="152" y="186" text-anchor="middle" class="small">阈值以当前需求为准</text>
|
||
<path d="M262 150 H342" class="line"/>
|
||
<rect x="342" y="76" width="230" height="148" rx="18" class="active"/>
|
||
<text x="457" y="112" text-anchor="middle" class="label">数量是否 ≥ 4 张？</text>
|
||
<text x="457" y="147" text-anchor="middle" class="small">否：显示精修 + 氛围感</text>
|
||
<text x="457" y="175" text-anchor="middle" class="small">是：再显示封面模板</text>
|
||
<text x="457" y="201" text-anchor="middle" class="small">弹窗自动使用更高高度</text>
|
||
<path d="M572 150 H652" class="line"/>
|
||
<rect x="652" y="76" width="250" height="148" rx="18" class="free"/>
|
||
<text x="777" y="112" text-anchor="middle" class="label">显示三个风格模块</text>
|
||
<text x="777" y="147" text-anchor="middle" class="small">原图精修：单选基础预设</text>
|
||
<text x="777" y="175" text-anchor="middle" class="small">氛围感：横向单选，可取消</text>
|
||
<text x="777" y="201" text-anchor="middle" class="small">封面：横向单选，可全屏预览</text>
|
||
<path d="M902 150 H982" class="line"/>
|
||
<rect x="982" y="92" width="176" height="116" rx="16" class="cover"/>
|
||
<text x="1070" y="128" text-anchor="middle" class="label">确认并生成</text>
|
||
<text x="1070" y="160" text-anchor="middle" class="small">每张保存独立结果</text>
|
||
<text x="1070" y="186" text-anchor="middle" class="small">第一张另作封面</text>
|
||
<rect x="42" y="300" width="344" height="126" rx="16" class="box"/>
|
||
<text x="214" y="336" text-anchor="middle" class="label">当前免费阶段</text>
|
||
<text x="214" y="368" text-anchor="middle" class="small">封面 quotaCost = 0，不减少额度</text>
|
||
<text x="214" y="394" text-anchor="middle" class="small">弹窗显示“赠送 · 不占精修张数”</text>
|
||
<rect x="428" y="300" width="344" height="126" rx="16" class="box"/>
|
||
<text x="600" y="336" text-anchor="middle" class="label">未来收费阶段</text>
|
||
<text x="600" y="368" text-anchor="middle" class="small">服务端将 quotaCost 配置为正数</text>
|
||
<text x="600" y="394" text-anchor="middle" class="small">确认前展示实际消耗，成功后再扣减</text>
|
||
<rect x="814" y="300" width="344" height="126" rx="16" class="box"/>
|
||
<text x="986" y="336" text-anchor="middle" class="label">重复选择封面模板</text>
|
||
<text x="986" y="368" text-anchor="middle" class="small">新封面效果覆盖旧封面效果</text>
|
||
<text x="986" y="394" text-anchor="middle" class="small">失败时不把结果标记为已生成</text>
|
||
</svg>
|