重构关于我们、商家申请和案例页面,优化布局和内容展示
This commit is contained in:
64
website/images/flower-pattern.svg
Normal file
64
website/images/flower-pattern.svg
Normal file
@@ -0,0 +1,64 @@
|
||||
<svg width="200" height="200" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
|
||||
<!-- 花朵图案背景 -->
|
||||
<defs>
|
||||
<g id="flower">
|
||||
<!-- 花朵中心 -->
|
||||
<circle cx="0" cy="0" r="4" fill="#ff6b6b" opacity="0.6"/>
|
||||
<!-- 花瓣 -->
|
||||
<path d="M0,-8 Q3,-12 0,-16 Q-3,-12 0,-8" fill="#ff8e8e" opacity="0.4"/>
|
||||
<path d="M8,0 Q12,3 16,0 Q12,-3 8,0" fill="#ff8e8e" opacity="0.4"/>
|
||||
<path d="M0,8 Q-3,12 0,16 Q3,12 0,8" fill="#ff8e8e" opacity="0.4"/>
|
||||
<path d="M-8,0 Q-12,-3 -16,0 Q-12,3 -8,0" fill="#ff8e8e" opacity="0.4"/>
|
||||
<!-- 对角线花瓣 -->
|
||||
<path d="M5.66,-5.66 Q8,-8 11.31,-11.31 Q8,-14.14 5.66,-11.31 Q2.83,-8 5.66,-5.66" fill="#ff8e8e" opacity="0.3"/>
|
||||
<path d="M5.66,5.66 Q8,8 11.31,11.31 Q8,14.14 5.66,11.31 Q2.83,8 5.66,5.66" fill="#ff8e8e" opacity="0.3"/>
|
||||
<path d="M-5.66,5.66 Q-8,8 -11.31,11.31 Q-8,14.14 -5.66,11.31 Q-2.83,8 -5.66,5.66" fill="#ff8e8e" opacity="0.3"/>
|
||||
<path d="M-5.66,-5.66 Q-8,-8 -11.31,-11.31 Q-8,-14.14 -5.66,-11.31 Q-2.83,-8 -5.66,-5.66" fill="#ff8e8e" opacity="0.3"/>
|
||||
</g>
|
||||
</defs>
|
||||
|
||||
<!-- 重复花朵图案 -->
|
||||
<use href="#flower" x="25" y="25"/>
|
||||
<use href="#flower" x="75" y="25"/>
|
||||
<use href="#flower" x="125" y="25"/>
|
||||
<use href="#flower" x="175" y="25"/>
|
||||
|
||||
<use href="#flower" x="25" y="75"/>
|
||||
<use href="#flower" x="75" y="75"/>
|
||||
<use href="#flower" x="125" y="75"/>
|
||||
<use href="#flower" x="175" y="75"/>
|
||||
|
||||
<use href="#flower" x="25" y="125"/>
|
||||
<use href="#flower" x="75" y="125"/>
|
||||
<use href="#flower" x="125" y="125"/>
|
||||
<use href="#flower" x="175" y="125"/>
|
||||
|
||||
<use href="#flower" x="25" y="175"/>
|
||||
<use href="#flower" x="75" y="175"/>
|
||||
<use href="#flower" x="125" y="175"/>
|
||||
<use href="#flower" x="175" y="175"/>
|
||||
|
||||
<!-- 额外的花朵装饰 -->
|
||||
<use href="#flower" x="50" y="50" transform="scale(0.8)"/>
|
||||
<use href="#flower" x="100" y="50" transform="scale(0.8)"/>
|
||||
<use href="#flower" x="150" y="50" transform="scale(0.8)"/>
|
||||
|
||||
<use href="#flower" x="50" y="100" transform="scale(0.8)"/>
|
||||
<use href="#flower" x="100" y="100" transform="scale(0.8)"/>
|
||||
<use href="#flower" x="150" y="100" transform="scale(0.8)"/>
|
||||
|
||||
<use href="#flower" x="50" y="150" transform="scale(0.8)"/>
|
||||
<use href="#flower" x="100" y="150" transform="scale(0.8)"/>
|
||||
<use href="#flower" x="150" y="150" transform="scale(0.8)"/>
|
||||
|
||||
<!-- 小圆点装饰 -->
|
||||
<circle cx="10" cy="10" r="1" fill="#ff6b6b" opacity="0.3"/>
|
||||
<circle cx="190" cy="10" r="1" fill="#ff6b6b" opacity="0.3"/>
|
||||
<circle cx="10" cy="190" r="1" fill="#ff6b6b" opacity="0.3"/>
|
||||
<circle cx="190" cy="190" r="1" fill="#ff6b6b" opacity="0.3"/>
|
||||
|
||||
<circle cx="30" cy="30" r="0.8" fill="#ff8e8e" opacity="0.2"/>
|
||||
<circle cx="170" cy="30" r="0.8" fill="#ff8e8e" opacity="0.2"/>
|
||||
<circle cx="30" cy="170" r="0.8" fill="#ff8e8e" opacity="0.2"/>
|
||||
<circle cx="170" cy="170" r="0.8" fill="#ff8e8e" opacity="0.2"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.9 KiB |
Reference in New Issue
Block a user