57 lines
4.1 KiB
XML
57 lines
4.1 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="470" viewBox="0 0 1200 470">
|
|
<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; }
|
|
.optional { fill: #FFF8E8; stroke: #F2A93B; stroke-width: 2; }
|
|
.line { fill: none; stroke: #4D7CFE; stroke-width: 2.5; marker-end: url(#arrow); }
|
|
</style>
|
|
</defs>
|
|
<rect width="1200" height="470" rx="24" fill="#F7F9FC"/>
|
|
<text x="42" y="52" class="title">AI 修图弹窗：原图精修、氛围感与结果组合</text>
|
|
<rect x="42" y="92" width="190" height="116" rx="16" class="box"/>
|
|
<text x="137" y="127" text-anchor="middle" class="label">打开 AI修图</text>
|
|
<text x="137" y="158" text-anchor="middle" class="small">显示已选照片数量</text>
|
|
<text x="137" y="183" text-anchor="middle" class="small">内容区域可纵向滚动</text>
|
|
<path d="M232 150 H272" class="line"/>
|
|
<rect x="272" y="78" width="230" height="144" rx="18" class="active"/>
|
|
<text x="387" y="116" text-anchor="middle" class="label">原图精修</text>
|
|
<text x="387" y="148" text-anchor="middle" class="small">预设文字 + 对应效果图</text>
|
|
<text x="387" y="174" text-anchor="middle" class="small">横向滚动，始终单选</text>
|
|
<text x="387" y="200" text-anchor="middle" class="small">生成基础“精修后”结果</text>
|
|
<path d="M502 150 H542" class="line"/>
|
|
<rect x="542" y="78" width="230" height="144" rx="18" class="optional"/>
|
|
<text x="657" y="116" text-anchor="middle" class="label">氛围感修图（选填）</text>
|
|
<text x="657" y="148" text-anchor="middle" class="small">横向滚动，多样式单选</text>
|
|
<text x="657" y="174" text-anchor="middle" class="small">默认不选，重复点击可取消</text>
|
|
<text x="657" y="200" text-anchor="middle" class="small">额外生成独立氛围感结果</text>
|
|
<path d="M772 150 H812" class="line"/>
|
|
<rect x="812" y="92" width="170" height="116" rx="16" class="box"/>
|
|
<text x="897" y="127" text-anchor="middle" class="label">只读额度</text>
|
|
<text x="897" y="158" text-anchor="middle" class="small">显示剩余 9 张</text>
|
|
<text x="897" y="183" text-anchor="middle" class="small">不提供勾选操作</text>
|
|
<path d="M982 150 H1014" class="line"/>
|
|
<rect x="1014" y="92" width="144" height="116" rx="16" class="active"/>
|
|
<text x="1086" y="127" text-anchor="middle" class="label">点击确定</text>
|
|
<text x="1086" y="158" text-anchor="middle" class="small">提交样式组合</text>
|
|
<text x="1086" y="183" text-anchor="middle" class="small">开始处理</text>
|
|
<rect x="42" y="286" width="344" height="120" rx="16" class="box"/>
|
|
<text x="214" y="322" text-anchor="middle" class="label">点击取消 / 下拉关闭</text>
|
|
<text x="214" y="354" text-anchor="middle" class="small">不启动任务</text>
|
|
<text x="214" y="380" text-anchor="middle" class="small">不改变原图、旧结果或额度状态</text>
|
|
<rect x="428" y="286" width="344" height="120" rx="16" class="box"/>
|
|
<text x="600" y="322" text-anchor="middle" class="label">效果图预览</text>
|
|
<text x="600" y="354" text-anchor="middle" class="small">各样式卡片显示“预览”按钮</text>
|
|
<text x="600" y="380" text-anchor="middle" class="small">全屏查看，不改变当前选中项</text>
|
|
<rect x="814" y="286" width="344" height="120" rx="16" class="box"/>
|
|
<text x="986" y="322" text-anchor="middle" class="label">结果独立保存</text>
|
|
<text x="986" y="354" text-anchor="middle" class="small">原图 / 精修后 / 氛围感分别查看</text>
|
|
<text x="986" y="380" text-anchor="middle" class="small">再次确认后以新组合覆盖旧结果</text>
|
|
</svg>
|