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="34" viewBox="0 0 160 34">
|
|
<defs>
|
|
<!-- 高贵金属渐变背景 -->
|
|
<linearGradient id="techGradient" x1="0%" y1="0%" x2="100%" y2="100%">
|
|
<stop offset="0%" style="stop-color:#D4AF37;stop-opacity:1" />
|
|
<stop offset="30%" style="stop-color:#FFD700;stop-opacity:1" />
|
|
<stop offset="70%" style="stop-color:#B8860B;stop-opacity:1" />
|
|
<stop offset="100%" style="stop-color:#8B7355;stop-opacity:1" />
|
|
</linearGradient>
|
|
|
|
<!-- 奢华光效 -->
|
|
<radialGradient id="glowEffect" cx="50%" cy="50%" r="50%">
|
|
<stop offset="0%" style="stop-color:#FFE55C;stop-opacity:0.3" />
|
|
<stop offset="50%" style="stop-color:#D4AF37;stop-opacity:0.15" />
|
|
<stop offset="100%" style="stop-color:#8B7355;stop-opacity:0" />
|
|
</radialGradient>
|
|
|
|
<!-- 高贵边框光效 -->
|
|
<linearGradient id="borderGlow" x1="0%" y1="0%" x2="100%" y2="0%">
|
|
<stop offset="0%" style="stop-color:#F7E98E;stop-opacity:0.8" />
|
|
<stop offset="50%" style="stop-color:#FFFACD;stop-opacity:1" />
|
|
<stop offset="100%" style="stop-color:#F7E98E;stop-opacity:0.8" />
|
|
</linearGradient>
|
|
</defs>
|
|
|
|
<!-- 主背景 - 圆角矩形 -->
|
|
<rect x="1" y="1" width="158" height="32" rx="16" ry="16" fill="url(#techGradient)" stroke="url(#borderGlow)" stroke-width="1"/>
|
|
|
|
<!-- 奢华光效层 -->
|
|
<rect x="1" y="1" width="158" height="32" rx="16" ry="16" fill="url(#glowEffect)"/>
|
|
|
|
<!-- 高贵装饰线条 -->
|
|
<g opacity="0.5">
|
|
<!-- 左上角装饰 -->
|
|
<path d="M7 6 L15 6 L15 10" stroke="#F7E98E" stroke-width="0.8" fill="none"/>
|
|
<circle cx="7" cy="6" r="1.2" fill="#FFE55C"/>
|
|
|
|
<!-- 右下角装饰 -->
|
|
<path d="M153 28 L145 28 L145 24" stroke="#F7E98E" stroke-width="0.8" fill="none"/>
|
|
<circle cx="153" cy="28" r="1.2" fill="#FFE55C"/>
|
|
|
|
<!-- 中间装饰点 -->
|
|
<circle cx="28" cy="24" r="0.7" fill="#FFFACD" opacity="0.8"/>
|
|
<circle cx="132" cy="10" r="0.7" fill="#F7E98E" opacity="0.7"/>
|
|
<circle cx="140" cy="15" r="0.7" fill="#FFE55C" opacity="0.9"/>
|
|
|
|
<!-- 额外奢华元素 -->
|
|
<path d="M25 12 L33 12" stroke="#FFF8DC" stroke-width="0.5" opacity="0.6"/>
|
|
<path d="M127 22 L135 22" stroke="#FFF8DC" stroke-width="0.5" opacity="0.6"/>
|
|
<circle cx="42" cy="9" r="0.4" fill="#FFFEF7" opacity="0.5"/>
|
|
<circle cx="118" cy="25" r="0.4" fill="#FFFEF7" opacity="0.5"/>
|
|
</g>
|
|
|
|
<!-- 主文字 -->
|
|
<text x="80" y="17" text-anchor="middle" dominant-baseline="middle"
|
|
font-family="'PingFang SC', 'Microsoft YaHei', Arial, sans-serif"
|
|
font-size="14" font-weight="600" fill="#1A1A1A">
|
|
长按保存图片
|
|
</text>
|
|
|
|
<!-- 文字光效 -->
|
|
<text x="80" y="17" text-anchor="middle" dominant-baseline="middle"
|
|
font-family="'PingFang SC', 'Microsoft YaHei', Arial, sans-serif"
|
|
font-size="14" font-weight="600" fill="#FFE55C" opacity="0.2"
|
|
style="filter: blur(0.8px);">
|
|
长按保存图片
|
|
</text>
|
|
</svg>
|