💄 更新数据图样式

This commit is contained in:
2024-05-04 22:06:58 +08:00
parent 66e1850297
commit 889405ea6b
5 changed files with 26 additions and 120 deletions

View File

@@ -1,26 +1,26 @@
<svg width="275" height="125" viewBox="0 0 275 125" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_601_45)">
<rect width="275" height="125" rx="30" fill="url(#paint0_linear_601_45)"/>
<path d="M39.175 38.55H24.65V35.775L32.6 25.25H33.65V29.175H33.25L28.45 35.45H39.175V38.55ZM36.6 42H33.025V25.25H36.6V42ZM47.8797 42.225C46.2797 42.225 44.9297 41.8583 43.8297 41.125C42.7297 40.375 41.888 39.35 41.3047 38.05C40.738 36.75 40.4547 35.2667 40.4547 33.6C40.4547 31.9333 40.738 30.4583 41.3047 29.175C41.888 27.875 42.7297 26.8583 43.8297 26.125C44.9297 25.375 46.2797 25 47.8797 25C49.463 25 50.8047 25.375 51.9047 26.125C53.0214 26.8583 53.863 27.875 54.4297 29.175C54.9964 30.4583 55.2797 31.9333 55.2797 33.6C55.2797 35.2667 54.9964 36.75 54.4297 38.05C53.863 39.35 53.0214 40.375 51.9047 41.125C50.8047 41.8583 49.463 42.225 47.8797 42.225ZM47.8797 38.75C48.7464 38.75 49.4464 38.5417 49.9797 38.125C50.513 37.7083 50.9047 37.1083 51.1547 36.325C51.4047 35.5417 51.5297 34.6333 51.5297 33.6C51.5297 32.55 51.4047 31.6417 51.1547 30.875C50.9047 30.1083 50.513 29.5167 49.9797 29.1C49.4464 28.6667 48.7464 28.45 47.8797 28.45C47.013 28.45 46.313 28.6667 45.7797 29.1C45.2464 29.5167 44.8547 30.1083 44.6047 30.875C44.3547 31.6417 44.2297 32.55 44.2297 33.6C44.2297 34.6333 44.3547 35.5417 44.6047 36.325C44.8547 37.1083 45.2464 37.7083 45.7797 38.125C46.313 38.5417 47.013 38.75 47.8797 38.75ZM61.2248 42H57.6498V25.25H61.2248V42ZM69.5998 42H58.8998V38.825H69.5998V42Z" fill="#B42323"/>
<g style="mix-blend-mode:overlay" opacity="0.5">
<mask id="mask0_601_45" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="121" y="-51" width="226" height="226">
<rect x="121.584" y="-2.90686" width="183.584" height="183.584" transform="rotate(-15 121.584 -2.90686)" fill="url(#paint1_radial_601_45)"/>
<g clip-path="url(#clip0_937_158)">
<rect width="275" height="125" rx="30" fill="url(#paint0_linear_937_158)"/>
<g style="mix-blend-mode:overlay">
<mask id="mask0_937_158" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="128" y="-28" width="195" height="195">
<rect x="128" y="13.1033" width="158.811" height="158.811" transform="rotate(-15 128 13.1033)" fill="url(#paint1_radial_937_158)"/>
</mask>
<g mask="url(#mask0_601_45)">
<path d="M237.048 132.458L230.578 78.757L204.717 85.6862C202.87 86.1812 201.598 85.9942 200.9 85.1251C200.208 84.2548 200.123 82.8256 200.646 80.8376L223.577 -6.47827L230.966 -8.45807L237.436 45.2426L263.296 38.3133C265.144 37.8184 266.413 38.0061 267.106 38.8764C267.803 39.7454 267.89 41.1739 267.367 43.1619L244.436 130.478L237.048 132.458Z" fill="#1C1B1F"/>
<g mask="url(#mask0_937_158)">
<path d="M190.662 16.8646L187.237 4.08129L225.587 -6.19454L229.012 6.58877L190.662 16.8646ZM222.285 83.7475L235.068 80.3222L224.792 41.9723L212.009 45.3976L222.285 83.7475ZM242.377 133.168C234.494 135.28 226.657 135.755 218.864 134.591C211.074 133.422 203.87 130.927 197.252 127.105C190.633 123.284 184.871 118.293 179.963 112.132C175.059 105.965 171.551 98.94 169.439 91.0569C167.327 83.1739 166.852 75.3361 168.016 67.5435C169.185 59.754 171.68 52.55 175.501 45.9315C179.323 39.313 184.315 33.5522 190.477 28.6493C196.643 23.7409 203.667 20.2306 211.55 18.1183C218.155 16.3486 224.779 15.7155 231.421 16.2191C238.064 16.7226 244.591 18.2848 251.002 20.9056L257.553 9.55965L268.899 16.1103L262.348 27.4563C267.824 31.698 272.44 36.5694 276.198 42.0706C279.955 47.5718 282.719 53.6248 284.489 60.2295C286.601 68.1125 287.075 75.9503 285.911 83.7429C284.742 91.5324 282.247 98.7364 278.426 105.355C274.605 111.973 269.614 117.736 263.452 122.644C257.285 127.548 250.261 131.056 242.377 133.168ZM238.952 120.385C251.309 117.074 260.685 109.88 267.08 98.8043C273.475 87.7285 275.016 76.0119 271.705 63.6547C268.394 51.2975 261.201 41.9216 250.125 35.527C239.049 29.1323 227.332 27.5905 214.975 30.9016C202.618 34.2127 193.242 41.4062 186.847 52.4821C180.453 63.5579 178.911 75.2745 182.222 87.6317C185.533 99.9889 192.727 109.365 203.803 115.759C214.878 122.154 226.595 123.696 238.952 120.385Z" fill="#1C1B1F"/>
</g>
</g>
<path d="M39.175 38.55H24.65V35.775L32.6 25.25H33.65V29.175H33.25L28.45 35.45H39.175V38.55ZM36.6 42H33.025V25.25H36.6V42ZM47.8797 42.225C46.2797 42.225 44.9297 41.8583 43.8297 41.125C42.7297 40.375 41.888 39.35 41.3047 38.05C40.738 36.75 40.4547 35.2667 40.4547 33.6C40.4547 31.9333 40.738 30.4583 41.3047 29.175C41.888 27.875 42.7297 26.8583 43.8297 26.125C44.9297 25.375 46.2797 25 47.8797 25C49.463 25 50.8047 25.375 51.9047 26.125C53.0214 26.8583 53.863 27.875 54.4297 29.175C54.9964 30.4583 55.2797 31.9333 55.2797 33.6C55.2797 35.2667 54.9964 36.75 54.4297 38.05C53.863 39.35 53.0214 40.375 51.9047 41.125C50.8047 41.8583 49.463 42.225 47.8797 42.225ZM47.8797 38.75C48.7464 38.75 49.4464 38.5417 49.9797 38.125C50.513 37.7083 50.9047 37.1083 51.1547 36.325C51.4047 35.5417 51.5297 34.6333 51.5297 33.6C51.5297 32.55 51.4047 31.6417 51.1547 30.875C50.9047 30.1083 50.513 29.5167 49.9797 29.1C49.4464 28.6667 48.7464 28.45 47.8797 28.45C47.013 28.45 46.313 28.6667 45.7797 29.1C45.2464 29.5167 44.8547 30.1083 44.6047 30.875C44.3547 31.6417 44.2297 32.55 44.2297 33.6C44.2297 34.6333 44.3547 35.5417 44.6047 36.325C44.8547 37.1083 45.2464 37.7083 45.7797 38.125C46.313 38.5417 47.013 38.75 47.8797 38.75ZM61.2248 42H57.6498V25.25H61.2248V42ZM69.5998 42H58.8998V38.825H69.5998V42Z" fill="#B42323"/>
</g>
<defs>
<linearGradient id="paint0_linear_601_45" x1="50.5" y1="-12" x2="244" y2="144.5" gradientUnits="userSpaceOnUse">
<linearGradient id="paint0_linear_937_158" x1="50.5" y1="-12" x2="244" y2="144.5" gradientUnits="userSpaceOnUse">
<stop stop-color="#FFC7C7"/>
<stop offset="1" stop-color="#FA9C9C"/>
</linearGradient>
<radialGradient id="paint1_radial_601_45" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(213.376 88.8852) rotate(90) scale(97.5291)">
<radialGradient id="paint1_radial_937_158" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(207.405 92.5088) rotate(90) scale(84.3683)">
<stop offset="0.208333" stop-color="white" stop-opacity="0.78"/>
<stop offset="1" stop-color="white" stop-opacity="0"/>
</radialGradient>
<clipPath id="clip0_601_45">
<clipPath id="clip0_937_158">
<rect width="275" height="125" rx="30" fill="white"/>
</clipPath>
</defs>

Before

Width:  |  Height:  |  Size: 2.8 KiB

After

Width:  |  Height:  |  Size: 3.8 KiB