forked from angelo/web-retail-h5
69 lines
2.9 KiB
XML
69 lines
2.9 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" width="160" height="40" viewBox="0 0 160 40">
|
|
<defs>
|
|
<!-- 科技感渐变背景 -->
|
|
<linearGradient id="techGradient" x1="0%" y1="0%" x2="100%" y2="100%">
|
|
<stop offset="0%" style="stop-color:#6B46C1;stop-opacity:1" />
|
|
<stop offset="30%" style="stop-color:#8B5CF6;stop-opacity:1" />
|
|
<stop offset="70%" style="stop-color:#7C3AED;stop-opacity:1" />
|
|
<stop offset="100%" style="stop-color:#5B21B6;stop-opacity:1" />
|
|
</linearGradient>
|
|
|
|
<!-- 科技感光效 -->
|
|
<radialGradient id="glowEffect" cx="50%" cy="50%" r="50%">
|
|
<stop offset="0%" style="stop-color:#A78BFA;stop-opacity:0.4" />
|
|
<stop offset="50%" style="stop-color:#8B5CF6;stop-opacity:0.2" />
|
|
<stop offset="100%" style="stop-color:#4C1D95;stop-opacity:0" />
|
|
</radialGradient>
|
|
|
|
<!-- 边框光效 -->
|
|
<linearGradient id="borderGlow" x1="0%" y1="0%" x2="100%" y2="0%">
|
|
<stop offset="0%" style="stop-color:#A78BFA;stop-opacity:0.6" />
|
|
<stop offset="50%" style="stop-color:#DDD6FE;stop-opacity:0.9" />
|
|
<stop offset="100%" style="stop-color:#A78BFA;stop-opacity:0.6" />
|
|
</linearGradient>
|
|
</defs>
|
|
|
|
<!-- 主背景 - 圆角矩形 -->
|
|
<rect x="1" y="1" width="158" height="38" rx="8" ry="8" fill="url(#techGradient)" stroke="url(#borderGlow)" stroke-width="1"/>
|
|
|
|
<!-- 科技感光效层 -->
|
|
<rect x="1" y="1" width="158" height="38" rx="8" ry="8" fill="url(#glowEffect)"/>
|
|
|
|
<!-- 科技感装饰线条 -->
|
|
<g opacity="0.4">
|
|
<!-- 左上角装饰 -->
|
|
<path d="M8 8 L18 8 L18 13" stroke="#C4B5FD" stroke-width="0.8" fill="none"/>
|
|
<circle cx="8" cy="8" r="1.5" fill="#A78BFA"/>
|
|
|
|
<!-- 右下角装饰 -->
|
|
<path d="M152 32 L142 32 L142 27" stroke="#C4B5FD" stroke-width="0.8" fill="none"/>
|
|
<circle cx="152" cy="32" r="1.5" fill="#A78BFA"/>
|
|
|
|
<!-- 中间装饰点 -->
|
|
<circle cx="30" cy="28" r="0.8" fill="#DDD6FE" opacity="0.7"/>
|
|
<circle cx="130" cy="12" r="0.8" fill="#C4B5FD" opacity="0.6"/>
|
|
<circle cx="140" cy="18" r="0.8" fill="#A78BFA" opacity="0.8"/>
|
|
|
|
<!-- 额外科技感元素 -->
|
|
<path d="M25 15 L35 15" stroke="#E4E4FF" stroke-width="0.5" opacity="0.5"/>
|
|
<path d="M125 25 L135 25" stroke="#E4E4FF" stroke-width="0.5" opacity="0.5"/>
|
|
<circle cx="45" cy="12" r="0.5" fill="#F3F0FF" opacity="0.4"/>
|
|
<circle cx="115" cy="28" r="0.5" fill="#F3F0FF" opacity="0.4"/>
|
|
</g>
|
|
|
|
<!-- 主文字 -->
|
|
<text x="80" y="20" text-anchor="middle" dominant-baseline="middle"
|
|
font-family="'PingFang SC', 'Microsoft YaHei', Arial, sans-serif"
|
|
font-size="14" font-weight="500" fill="white">
|
|
长按保存图片
|
|
</text>
|
|
|
|
<!-- 文字光效 -->
|
|
<text x="80" y="20" text-anchor="middle" dominant-baseline="middle"
|
|
font-family="'PingFang SC', 'Microsoft YaHei', Arial, sans-serif"
|
|
font-size="14" font-weight="500" fill="white" opacity="0.3"
|
|
style="filter: blur(1px);">
|
|
长按保存图片
|
|
</text>
|
|
</svg>
|