111 lines
5.5 KiB
XML
111 lines
5.5 KiB
XML
|
<svg width="200" height="200" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
|
||
|
|
<!-- 推广奖励图案背景 -->
|
||
|
|
<defs>
|
||
|
|
<g id="reward-pattern">
|
||
|
|
<!-- 中心元素 - 货币符号 -->
|
||
|
|
<circle cx="0" cy="0" r="5" fill="#6c5ce7" opacity="0.6"/>
|
||
|
|
<path d="M-3,-3 L3,3 M-3,3 L3,-3" stroke="#ffffff" stroke-width="1" opacity="0.8"/>
|
||
|
|
|
||
|
|
<!-- 外圈元素 - 奖励图标 -->
|
||
|
|
<!-- 星星 -->
|
||
|
|
<path d="M0,-10 L2,-2 L10,0 L2,2 L0,10 L-2,2 L-10,0 L-2,-2 Z" fill="#a29bfe" opacity="0.4" transform="rotate(0)"/>
|
||
|
|
|
||
|
|
<!-- 礼物盒 -->
|
||
|
|
<rect x="-4" y="8" width="8" height="8" fill="#6c5ce7" opacity="0.3" rx="1"/>
|
||
|
|
<rect x="-2" y="10" width="4" height="4" fill="#ffffff" opacity="0.5" rx="0.5"/>
|
||
|
|
|
||
|
|
<!-- 箭头 -->
|
||
|
|
<path d="M8,-8 L12,-4 L8,0" fill="none" stroke="#6c5ce7" stroke-width="1" opacity="0.4"/>
|
||
|
|
<path d="M-8,8 L-12,4 L-8,0" fill="none" stroke="#6c5ce7" stroke-width="1" opacity="0.4"/>
|
||
|
|
|
||
|
|
<!-- 增长图表 -->
|
||
|
|
<path d="M-8,-4 L-4,-2 L0,-6 L4,0 L8,2" fill="none" stroke="#a29bfe" stroke-width="1" opacity="0.3"/>
|
||
|
|
|
||
|
|
<!-- 圆形装饰 -->
|
||
|
|
<circle cx="12" cy="-12" r="2" fill="#6c5ce7" opacity="0.2"/>
|
||
|
|
<circle cx="-12" cy="12" r="2" fill="#a29bfe" opacity="0.2"/>
|
||
|
|
<circle cx="12" cy="12" r="1.5" fill="#6c5ce7" opacity="0.2"/>
|
||
|
|
<circle cx="-12" cy="-12" r="1.5" fill="#a29bfe" opacity="0.2"/>
|
||
|
|
</g>
|
||
|
|
</defs>
|
||
|
|
|
||
|
|
<!-- 主网格图案 -->
|
||
|
|
<use href="#reward-pattern" x="25" y="25"/>
|
||
|
|
<use href="#reward-pattern" x="75" y="25"/>
|
||
|
|
<use href="#reward-pattern" x="125" y="25"/>
|
||
|
|
<use href="#reward-pattern" x="175" y="25"/>
|
||
|
|
|
||
|
|
<use href="#reward-pattern" x="25" y="75"/>
|
||
|
|
<use href="#reward-pattern" x="75" y="75"/>
|
||
|
|
<use href="#reward-pattern" x="125" y="75"/>
|
||
|
|
<use href="#reward-pattern" x="175" y="75"/>
|
||
|
|
|
||
|
|
<use href="#reward-pattern" x="25" y="125"/>
|
||
|
|
<use href="#reward-pattern" x="75" y="125"/>
|
||
|
|
<use href="#reward-pattern" x="125" y="125"/>
|
||
|
|
<use href="#reward-pattern" x="175" y="125"/>
|
||
|
|
|
||
|
|
<use href="#reward-pattern" x="25" y="175"/>
|
||
|
|
<use href="#reward-pattern" x="75" y="175"/>
|
||
|
|
<use href="#reward-pattern" x="125" y="175"/>
|
||
|
|
<use href="#reward-pattern" x="175" y="175"/>
|
||
|
|
|
||
|
|
<!-- 次级装饰元素 -->
|
||
|
|
<!-- 对角线装饰 -->
|
||
|
|
<circle cx="50" cy="50" r="3" fill="#6c5ce7" opacity="0.1"/>
|
||
|
|
<circle cx="100" cy="50" r="2" fill="#a29bfe" opacity="0.1"/>
|
||
|
|
<circle cx="150" cy="50" r="3" fill="#6c5ce7" opacity="0.1"/>
|
||
|
|
|
||
|
|
<circle cx="50" cy="100" r="2" fill="#a29bfe" opacity="0.1"/>
|
||
|
|
<circle cx="100" cy="100" r="3" fill="#6c5ce7" opacity="0.1"/>
|
||
|
|
<circle cx="150" cy="100" r="2" fill="#a29bfe" opacity="0.1"/>
|
||
|
|
|
||
|
|
<circle cx="50" cy="150" r="3" fill="#6c5ce7" opacity="0.1"/>
|
||
|
|
<circle cx="100" cy="150" r="2" fill="#a29bfe" opacity="0.1"/>
|
||
|
|
<circle cx="150" cy="150" r="3" fill="#6c5ce7" opacity="0.1"/>
|
||
|
|
|
||
|
|
<!-- 边角装饰 -->
|
||
|
|
<circle cx="10" cy="10" r="1.5" fill="#6c5ce7" opacity="0.15"/>
|
||
|
|
<circle cx="190" cy="10" r="1.5" fill="#a29bfe" opacity="0.15"/>
|
||
|
|
<circle cx="10" cy="190" r="1.5" fill="#6c5ce7" opacity="0.15"/>
|
||
|
|
<circle cx="190" cy="190" r="1.5" fill="#a29bfe" opacity="0.15"/>
|
||
|
|
|
||
|
|
<!-- 中心聚焦元素 -->
|
||
|
|
<circle cx="100" cy="100" r="8" fill="#6c5ce7" opacity="0.05"/>
|
||
|
|
<circle cx="100" cy="100" r="12" fill="#a29bfe" opacity="0.03"/>
|
||
|
|
|
||
|
|
<!-- 动态效果元素 -->
|
||
|
|
<circle cx="30" cy="30" r="1" fill="#ffffff" opacity="0.3">
|
||
|
|
<animate attributeName="opacity" values="0.1;0.4;0.1" dur="3s" repeatCount="indefinite"/>
|
||
|
|
</circle>
|
||
|
|
<circle cx="170" cy="30" r="1" fill="#ffffff" opacity="0.3">
|
||
|
|
<animate attributeName="opacity" values="0.1;0.4;0.1" dur="2.5s" repeatCount="indefinite"/>
|
||
|
|
</circle>
|
||
|
|
<circle cx="30" cy="170" r="1" fill="#ffffff" opacity="0.3">
|
||
|
|
<animate attributeName="opacity" values="0.1;0.4;0.1" dur="3.2s" repeatCount="indefinite"/>
|
||
|
|
</circle>
|
||
|
|
<circle cx="170" cy="170" r="1" fill="#ffffff" opacity="0.3">
|
||
|
|
<animate attributeName="opacity" values="0.1;0.4;0.1" dur="2.8s" repeatCount="indefinite"/>
|
||
|
|
</circle>
|
||
|
|
|
||
|
|
<!-- 连接线 -->
|
||
|
|
<path d="M25,25 L50,50" stroke="#6c5ce7" stroke-width="0.5" opacity="0.1" fill="none"/>
|
||
|
|
<path d="M75,25 L100,50" stroke="#a29bfe" stroke-width="0.5" opacity="0.1" fill="none"/>
|
||
|
|
<path d="M125,25 L150,50" stroke="#6c5ce7" stroke-width="0.5" opacity="0.1" fill="none"/>
|
||
|
|
<path d="M175,25 L150,50" stroke="#a29bfe" stroke-width="0.5" opacity="0.1" fill="none"/>
|
||
|
|
|
||
|
|
<path d="M25,75 L50,100" stroke="#6c5ce7" stroke-width="0.5" opacity="0.1" fill="none"/>
|
||
|
|
<path d="M75,75 L100,100" stroke="#a29bfe" stroke-width="0.5" opacity="0.1" fill="none"/>
|
||
|
|
<path d="M125,75 L150,100" stroke="#6c5ce7" stroke-width="0.5" opacity="0.1" fill="none"/>
|
||
|
|
<path d="M175,75 L150,100" stroke="#a29bfe" stroke-width="0.5" opacity="0.1" fill="none"/>
|
||
|
|
|
||
|
|
<path d="M25,125 L50,150" stroke="#6c5ce7" stroke-width="0.5" opacity="0.1" fill="none"/>
|
||
|
|
<path d="M75,125 L100,150" stroke="#a29bfe" stroke-width="0.5" opacity="0.1" fill="none"/>
|
||
|
|
<path d="M125,125 L150,150" stroke="#6c5ce7" stroke-width="0.5" opacity="0.1" fill="none"/>
|
||
|
|
<path d="M175,125 L150,150" stroke="#a29bfe" stroke-width="0.5" opacity="0.1" fill="none"/>
|
||
|
|
|
||
|
|
<path d="M25,175 L50,150" stroke="#6c5ce7" stroke-width="0.5" opacity="0.1" fill="none"/>
|
||
|
|
<path d="M75,175 L100,150" stroke="#a29bfe" stroke-width="0.5" opacity="0.1" fill="none"/>
|
||
|
|
<path d="M125,175 L150,150" stroke="#6c5ce7" stroke-width="0.5" opacity="0.1" fill="none"/>
|
||
|
|
<path d="M175,175 L150,150" stroke="#a29bfe" stroke-width="0.5" opacity="0.1" fill="none"/>
|
||
|
|
</svg>
|