32 lines
2.1 KiB
XML
32 lines
2.1 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" width="1080" height="300" viewBox="0 0 1080 300">
|
|
<defs>
|
|
<marker id="arrow" markerWidth="10" markerHeight="10" refX="8" refY="3" orient="auto">
|
|
<path d="M0,0 L0,6 L9,3 z" fill="#7A8699"/>
|
|
</marker>
|
|
<style>
|
|
.title { font: 600 18px -apple-system, BlinkMacSystemFont, "PingFang SC", sans-serif; fill: #1F2937; }
|
|
.detail { font: 14px -apple-system, BlinkMacSystemFont, "PingFang SC", sans-serif; fill: #667085; }
|
|
.box { fill: #FFFFFF; stroke: #D9E2EF; stroke-width: 2; rx: 16; }
|
|
.active { fill: #EEF5FF; stroke: #1677FF; stroke-width: 2; rx: 16; }
|
|
</style>
|
|
</defs>
|
|
<rect width="1080" height="300" fill="#F7F9FC"/>
|
|
<rect class="box" x="40" y="104" width="180" height="92"/>
|
|
<text class="title" x="130" y="142" text-anchor="middle">相册管理</text>
|
|
<text class="detail" x="130" y="170" text-anchor="middle">点击上传照片</text>
|
|
<line x1="220" y1="150" x2="292" y2="150" stroke="#7A8699" stroke-width="2" marker-end="url(#arrow)"/>
|
|
<rect class="active" x="305" y="70" width="230" height="160"/>
|
|
<text class="title" x="420" y="108" text-anchor="middle">选择传输模式</text>
|
|
<text class="detail" x="420" y="142" text-anchor="middle">边拍边传</text>
|
|
<text class="detail" x="420" y="174" text-anchor="middle">拍后传输</text>
|
|
<text class="detail" x="420" y="206" text-anchor="middle">取消：留在当前页</text>
|
|
<line x1="535" y1="118" x2="622" y2="78" stroke="#7A8699" stroke-width="2" marker-end="url(#arrow)"/>
|
|
<line x1="535" y1="182" x2="622" y2="222" stroke="#7A8699" stroke-width="2" marker-end="url(#arrow)"/>
|
|
<rect class="box" x="635" y="28" width="400" height="100"/>
|
|
<text class="title" x="835" y="68" text-anchor="middle">有线传输 · 边拍边传</text>
|
|
<text class="detail" x="835" y="96" text-anchor="middle">新照片传入后自动上传当前相册</text>
|
|
<rect class="box" x="635" y="172" width="400" height="100"/>
|
|
<text class="title" x="835" y="212" text-anchor="middle">有线传输 · 拍后传输</text>
|
|
<text class="detail" x="835" y="240" text-anchor="middle">拍摄完成后选择照片批量上传</text>
|
|
</svg>
|