Bläddra i källkod

✨ feat(ui): add financial dashboard decorative elements

- 添加多种椭圆、矩形和矢量图形SVG资源
- 包含不同颜色渐变效果的装饰元素
- 优化财务仪表盘视觉层次感和美观度
yourname 2 månader sedan
förälder
incheckning
295a3c7c0b

+ 9 - 0
public/financial-dashboard/ellipse304.png

@@ -0,0 +1,9 @@
+<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible" style="display: block;" viewBox="0 0 30 5" fill="none" xmlns="http://www.w3.org/2000/svg">
+<ellipse id="Ellipse 304" cx="15" cy="2.5" rx="15" ry="2.5" fill="url(#paint0_linear_0_2565)"/>
+<defs>
+<linearGradient id="paint0_linear_0_2565" x1="15.0024" y1="4.99708" x2="15.0024" y2="0" gradientUnits="userSpaceOnUse">
+<stop stop-color="#EDCE59"/>
+<stop offset="1" stop-color="#B4910E" stop-opacity="0.807843"/>
+</linearGradient>
+</defs>
+</svg>

+ 9 - 0
public/financial-dashboard/ellipse305.png

@@ -0,0 +1,9 @@
+<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible" style="display: block;" viewBox="0 0 32 3" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path id="Ellipse 305" d="M31 0C31 1.38071 24.2843 2.5 16 2.5C7.71573 2.5 1 1.38071 1 0" stroke="url(#paint0_linear_0_2587)" stroke-width="0.5"/>
+<defs>
+<linearGradient id="paint0_linear_0_2587" x1="16" y1="0" x2="16" y2="2.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#EDCE59" stop-opacity="0"/>
+<stop offset="1" stop-color="white"/>
+</linearGradient>
+</defs>
+</svg>

+ 9 - 0
public/financial-dashboard/ellipse306.png

@@ -0,0 +1,9 @@
+<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible" style="display: block;" viewBox="0 0 32 3" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path id="Ellipse 305" d="M31 0C31 1.38071 24.2843 2.5 16 2.5C7.71573 2.5 1 1.38071 1 0" stroke="url(#paint0_linear_0_2542)" stroke-width="0.5"/>
+<defs>
+<linearGradient id="paint0_linear_0_2542" x1="16" y1="0" x2="16" y2="2.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#EDCE59" stop-opacity="0"/>
+<stop offset="1" stop-color="white"/>
+</linearGradient>
+</defs>
+</svg>

+ 9 - 0
public/financial-dashboard/ellipse307.png

@@ -0,0 +1,9 @@
+<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible" style="display: block;" viewBox="0 0 32 3" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path id="Ellipse 305" d="M31 0C31 1.38071 24.2843 2.5 16 2.5C7.71573 2.5 1 1.38071 1 0" stroke="url(#paint0_linear_0_2557)" stroke-width="0.5"/>
+<defs>
+<linearGradient id="paint0_linear_0_2557" x1="16" y1="0" x2="16" y2="2.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="white" stop-opacity="0"/>
+<stop offset="1" stop-color="white"/>
+</linearGradient>
+</defs>
+</svg>

+ 9 - 0
public/financial-dashboard/ellipse308.png

@@ -0,0 +1,9 @@
+<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible" style="display: block;" viewBox="0 0 30 5" fill="none" xmlns="http://www.w3.org/2000/svg">
+<ellipse id="Ellipse 304" cx="15" cy="2.5" rx="15" ry="2.5" fill="url(#paint0_linear_0_2558)"/>
+<defs>
+<linearGradient id="paint0_linear_0_2558" x1="15.0024" y1="4.99708" x2="15.0024" y2="0" gradientUnits="userSpaceOnUse">
+<stop stop-color="#4DBBBA"/>
+<stop offset="1" stop-color="#0F918F"/>
+</linearGradient>
+</defs>
+</svg>

+ 9 - 0
public/financial-dashboard/ellipse309.png

@@ -0,0 +1,9 @@
+<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible" style="display: block;" viewBox="0 0 32 3" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path id="Ellipse 305" d="M31 0C31 1.38071 24.2843 2.5 16 2.5C7.71573 2.5 1 1.38071 1 0" stroke="url(#paint0_linear_0_2627)" stroke-width="0.5"/>
+<defs>
+<linearGradient id="paint0_linear_0_2627" x1="16" y1="0" x2="16" y2="2.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="white" stop-opacity="0"/>
+<stop offset="1" stop-color="white"/>
+</linearGradient>
+</defs>
+</svg>

+ 17 - 0
public/financial-dashboard/frame10907.png

@@ -0,0 +1,17 @@
+<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible" style="display: block;" viewBox="0 0 30 5" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Ellipse 304">
+<ellipse cx="15" cy="2.5" rx="15" ry="2.5" fill="url(#paint0_linear_0_2566)"/>
+<ellipse cx="15" cy="2.5" rx="15" ry="2.5" fill="url(#paint1_linear_0_2566)" fill-opacity="0.6"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_0_2566" x1="15.0024" y1="4.99708" x2="15.0024" y2="0" gradientUnits="userSpaceOnUse">
+<stop stop-color="#EDCE59"/>
+<stop offset="1" stop-color="#B4910E"/>
+</linearGradient>
+<linearGradient id="paint1_linear_0_2566" x1="0" y1="2.5" x2="30" y2="2.50002" gradientUnits="userSpaceOnUse">
+<stop offset="0.1875" stop-color="#EDCE59"/>
+<stop offset="0.497375" stop-color="#FFF3C5"/>
+<stop offset="0.875" stop-color="#EDCE59"/>
+</linearGradient>
+</defs>
+</svg>

+ 17 - 0
public/financial-dashboard/frame10908.png

@@ -0,0 +1,17 @@
+<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible" style="display: block;" viewBox="0 0 30 5" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Ellipse 304">
+<ellipse cx="15" cy="2.5" rx="15" ry="2.5" fill="url(#paint0_linear_0_2583)"/>
+<ellipse cx="15" cy="2.5" rx="15" ry="2.5" fill="url(#paint1_linear_0_2583)" fill-opacity="0.6"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_0_2583" x1="15.0024" y1="4.99708" x2="15.0024" y2="0" gradientUnits="userSpaceOnUse">
+<stop stop-color="#4DBBBA"/>
+<stop offset="1" stop-color="#0F918F"/>
+</linearGradient>
+<linearGradient id="paint1_linear_0_2583" x1="0" y1="2.5" x2="30" y2="2.50002" gradientUnits="userSpaceOnUse">
+<stop offset="0.125" stop-color="#4DBBBA"/>
+<stop offset="0.497375" stop-color="#9FFFFE"/>
+<stop offset="0.911458" stop-color="#4DBBBA"/>
+</linearGradient>
+</defs>
+</svg>

+ 16 - 0
public/financial-dashboard/group1321314608.png

@@ -0,0 +1,16 @@
+<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible" style="display: block;" viewBox="0 0 30 6" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Group 1321314607">
+<path id="Vector" d="M15 0L0 2.99636L15 6L30 2.99636L15 0Z" fill="url(#paint0_linear_0_2543)"/>
+<path id="Vector_2" d="M0 3C2.56113 3.36748 5.08496 3.78174 7.60879 4.20267C8.87692 4.40312 10.1202 4.63697 11.3759 4.85746L15.143 5.52561H14.857L18.6241 4.85746C19.8798 4.63697 21.1231 4.40312 22.3912 4.20267C24.915 3.78174 27.4389 3.36748 30 3C27.5632 3.54788 25.0891 4.049 22.615 4.54343C21.3842 4.79733 20.1285 5.0245 18.8852 5.25835L15.143 5.96659L14.9938 6L14.857 5.97327L11.1148 5.26503C9.87153 5.0245 8.61583 4.80401 7.385 4.54343C4.9109 4.049 2.4368 3.54788 0 3Z" fill="url(#paint1_linear_0_2543)"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_0_2543" x1="15.0024" y1="5.9965" x2="15.0024" y2="0" gradientUnits="userSpaceOnUse">
+<stop stop-color="#CDC7FF"/>
+<stop offset="1" stop-color="#5A25F0"/>
+</linearGradient>
+<linearGradient id="paint1_linear_0_2543" x1="14.9961" y1="5.99719" x2="14.9961" y2="2.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="white" stop-opacity="0.3"/>
+</linearGradient>
+</defs>
+</svg>

+ 16 - 0
public/financial-dashboard/group1321314609.png

@@ -0,0 +1,16 @@
+<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible" style="display: block;" viewBox="0 0 30 6" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Group 1321314607">
+<path id="Vector" d="M15 0L0 2.99636L15 6L30 2.99636L15 0Z" fill="url(#paint0_linear_0_2568)"/>
+<path id="Vector_2" d="M0 3C2.56113 3.36748 5.08496 3.78174 7.60879 4.20267C8.87692 4.40312 10.1202 4.63697 11.3759 4.85746L15.143 5.52561H14.857L18.6241 4.85746C19.8798 4.63697 21.1231 4.40312 22.3912 4.20267C24.915 3.78174 27.4389 3.36748 30 3C27.5632 3.54788 25.0891 4.049 22.615 4.54343C21.3842 4.79733 20.1285 5.0245 18.8852 5.25835L15.143 5.96659L14.9938 6L14.857 5.97327L11.1148 5.26503C9.87153 5.0245 8.61583 4.80401 7.385 4.54343C4.9109 4.049 2.4368 3.54788 0 3Z" fill="url(#paint1_linear_0_2568)"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_0_2568" x1="15.0024" y1="5.9965" x2="15.0024" y2="0" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FCFF6C"/>
+<stop offset="1" stop-color="#FF8A00"/>
+</linearGradient>
+<linearGradient id="paint1_linear_0_2568" x1="14.9961" y1="5.99719" x2="14.9961" y2="2.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="white" stop-opacity="0.3"/>
+</linearGradient>
+</defs>
+</svg>

+ 9 - 0
public/financial-dashboard/rectangle3710.png

@@ -0,0 +1,9 @@
+<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible" style="display: block;" viewBox="0 0 1 5" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path id="Rectangle 3709" d="M0 0H1V5H0V0Z" fill="url(#paint0_linear_0_2539)"/>
+<defs>
+<linearGradient id="paint0_linear_0_2539" x1="1" y1="0.384615" x2="1" y2="5.38462" gradientUnits="userSpaceOnUse">
+<stop stop-color="#4A3C72"/>
+<stop offset="1" stop-color="#5351B8"/>
+</linearGradient>
+</defs>
+</svg>

+ 9 - 0
public/financial-dashboard/rectangle3711.png

@@ -0,0 +1,9 @@
+<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible" style="display: block;" viewBox="0 0 1 5" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path id="Rectangle 3709" d="M0 0H1V5H0V0Z" fill="url(#paint0_linear_0_2603)"/>
+<defs>
+<linearGradient id="paint0_linear_0_2603" x1="1" y1="0.384615" x2="1" y2="5.38462" gradientUnits="userSpaceOnUse">
+<stop stop-color="#715120"/>
+<stop offset="1" stop-color="#8D7340" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>

+ 9 - 0
public/financial-dashboard/vector10.png

@@ -0,0 +1,9 @@
+<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible" style="display: block;" viewBox="0 0 30 5" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path id="Vector" d="M0 2.3309L15 4.33332L30 2.33089L15 0L0 2.3309Z" fill="url(#paint0_linear_0_2619)" fill-opacity="0.6"/>
+<defs>
+<linearGradient id="paint0_linear_0_2619" x1="15" y1="0" x2="15" y2="4.33333" gradientUnits="userSpaceOnUse">
+<stop stop-color="#58370F"/>
+<stop offset="1" stop-color="#A9600F"/>
+</linearGradient>
+</defs>
+</svg>

+ 17 - 0
public/financial-dashboard/vector3.png

@@ -0,0 +1,17 @@
+<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible" style="display: block;" viewBox="0 0 30 4" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Vector">
+<path d="M30 4H0L0 0L30 0V4Z" fill="url(#paint0_linear_0_2567)"/>
+<path d="M30 4H0L0 0L30 0V4Z" fill="url(#paint1_linear_0_2567)" fill-opacity="0.8"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_0_2567" x1="14.9932" y1="3.97946" x2="14.9932" y2="0.00010626" gradientUnits="userSpaceOnUse">
+<stop offset="0.177083" stop-color="#EDCE59" stop-opacity="0"/>
+<stop offset="1" stop-color="#EDCE59" stop-opacity="0.6"/>
+</linearGradient>
+<linearGradient id="paint1_linear_0_2567" x1="0" y1="2" x2="30" y2="2.00002" gradientUnits="userSpaceOnUse">
+<stop offset="0.1875" stop-color="#EDCE59"/>
+<stop offset="0.497375" stop-color="white"/>
+<stop offset="0.875" stop-color="#EDCE59"/>
+</linearGradient>
+</defs>
+</svg>

+ 17 - 0
public/financial-dashboard/vector4.png

@@ -0,0 +1,17 @@
+<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible" style="display: block;" viewBox="0 0 30 125" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Vector">
+<path d="M30 124.231H0L0 0L30 0V124.231Z" fill="url(#paint0_linear_0_2604)"/>
+<path d="M30 124.231H0L0 0L30 0V124.231Z" fill="url(#paint1_linear_0_2604)" fill-opacity="0.6"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_0_2604" x1="14.9932" y1="123.593" x2="14.9932" y2="0.0033002" gradientUnits="userSpaceOnUse">
+<stop stop-color="#4DBBBA" stop-opacity="0"/>
+<stop offset="1" stop-color="#4DBBBA" stop-opacity="0.5"/>
+</linearGradient>
+<linearGradient id="paint1_linear_0_2604" x1="0" y1="62.1154" x2="30" y2="62.1154" gradientUnits="userSpaceOnUse">
+<stop offset="0.125" stop-color="#4DBBBA"/>
+<stop offset="0.497375" stop-color="#9FFFFE"/>
+<stop offset="0.911458" stop-color="#4DBBBA"/>
+</linearGradient>
+</defs>
+</svg>

+ 9 - 0
public/financial-dashboard/vector5.png

@@ -0,0 +1,9 @@
+<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible" style="display: block;" viewBox="0 0 15 115" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path id="Vector" d="M14.5 115H0L0 0H14.5V115Z" fill="url(#paint0_linear_0_2555)"/>
+<defs>
+<linearGradient id="paint0_linear_0_2555" x1="7.24674" y1="114.75" x2="7.24674" y2="0.00388477" gradientUnits="userSpaceOnUse">
+<stop stop-color="#907EFF" stop-opacity="0.2"/>
+<stop offset="1" stop-color="#7B65FF"/>
+</linearGradient>
+</defs>
+</svg>

+ 9 - 0
public/financial-dashboard/vector6.png

@@ -0,0 +1,9 @@
+<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible" style="display: block;" viewBox="0 0 15 115" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path id="Vector" d="M14.5 115H0L0 0H14.5V115Z" fill="url(#paint0_linear_0_2554)"/>
+<defs>
+<linearGradient id="paint0_linear_0_2554" x1="7.24674" y1="114.75" x2="7.24674" y2="0.00388477" gradientUnits="userSpaceOnUse">
+<stop stop-color="#826DFF" stop-opacity="0.2"/>
+<stop offset="1" stop-color="#6E3AFF"/>
+</linearGradient>
+</defs>
+</svg>

+ 9 - 0
public/financial-dashboard/vector7.png

@@ -0,0 +1,9 @@
+<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible" style="display: block;" viewBox="0 0 30 5" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path id="Vector" d="M0 2.3309L15 4.33332L30 2.33089L15 0L0 2.3309Z" fill="url(#paint0_linear_0_2586)" fill-opacity="0.6"/>
+<defs>
+<linearGradient id="paint0_linear_0_2586" x1="15" y1="0" x2="15" y2="4.33333" gradientUnits="userSpaceOnUse">
+<stop stop-color="#493FB5"/>
+<stop offset="1" stop-color="#7454CF"/>
+</linearGradient>
+</defs>
+</svg>

+ 9 - 0
public/financial-dashboard/vector8.png

@@ -0,0 +1,9 @@
+<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible" style="display: block;" viewBox="0 0 15 115" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path id="Vector" d="M14.5 115H0L0 0H14.5V115Z" fill="url(#paint0_linear_0_2564)"/>
+<defs>
+<linearGradient id="paint0_linear_0_2564" x1="7.24674" y1="114.75" x2="7.24674" y2="0.00388477" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FF8A00" stop-opacity="0.2"/>
+<stop offset="1" stop-color="#FFD600"/>
+</linearGradient>
+</defs>
+</svg>

+ 9 - 0
public/financial-dashboard/vector9.png

@@ -0,0 +1,9 @@
+<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible" style="display: block;" viewBox="0 0 15 115" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path id="Vector" d="M14.5 115H0L0 0H14.5V115Z" fill="url(#paint0_linear_0_2582)"/>
+<defs>
+<linearGradient id="paint0_linear_0_2582" x1="7.24673" y1="114.57" x2="7.24673" y2="0.00389234" gradientUnits="userSpaceOnUse">
+<stop offset="0.00462963" stop-color="#FF8A00" stop-opacity="0.2"/>
+<stop offset="1" stop-color="#FFB800"/>
+</linearGradient>
+</defs>
+</svg>