150 lines
17 KiB
Vue
150 lines
17 KiB
Vue
|
<script setup lang="ts">
|
|||
|
|
defineProps<{
|
|||
|
|
count: number
|
|||
|
|
}>()
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<template>
|
|||
|
|
<div class=" w-[144px] h-[50px] relative">
|
|||
|
|
<div class=" text-[#FF8797] text-[28px] text-center pl-5">
|
|||
|
|
{{ count }}
|
|||
|
|
</div>
|
|||
|
|
<svg viewBox="0 0 144 50" fill="none" class="absolute top-0 -z-[1] left-0" xmlns="http://www.w3.org/2000/svg" xmlns:anim="http://www.w3.org/2000/anim" anim="" anim:transform-origin="50% 50%" anim:duration="1" anim:ease="ease-in-out">
|
|||
|
|
<g id="预è¦åŒº" clip-path="url(#clip0_0_11169)">
|
|||
|
|
<g id="编组 31">
|
|||
|
|
<mask id="mask0_0_11169" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="15" y="5" width="107" height="45">
|
|||
|
|
<rect id="矩形" x="15" y="5.5" width="107" height="44" fill="url(#paint0_linear_0_11169)" />
|
|||
|
|
</mask>
|
|||
|
|
<g mask="url(#mask0_0_11169)">
|
|||
|
|
<rect id="矩形_2" opacity="0.345819" x="15" y="5.5" width="107" height="44" fill="url(#paint1_linear_0_11169)" stroke="url(#paint2_linear_0_11169)" />
|
|||
|
|
</g>
|
|||
|
|
</g>
|
|||
|
|
<g id="矩形_3">
|
|||
|
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.4448 5.5H143.445L133.445 38.1144L129.331 42.5H5.24715L0.444824 38.1051L10.4448 5.5Z" fill="url(#paint3_linear_0_11169)" />
|
|||
|
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.4448 5.5H143.445L133.445 38.1144L129.331 42.5H5.24715L0.444824 38.1051L10.4448 5.5Z" fill="url(#paint4_radial_0_11169)" />
|
|||
|
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.4448 5.5H143.445L133.445 38.1144L129.331 42.5H5.24715L0.444824 38.1051L10.4448 5.5Z" stroke="url(#paint5_radial_0_11169)" />
|
|||
|
|
</g>
|
|||
|
|
<g id="æ¤åœ†å½¢" opacity="0.369693" filter="url(#filter0_f_0_11169)">
|
|||
|
|
<ellipse cx="74" cy="26.5" rx="50" ry="19" fill="url(#paint6_radial_0_11169)" />
|
|||
|
|
</g>
|
|||
|
|
<g id="纹ç†">
|
|||
|
|
<mask id="mask1_0_11169" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="1" y="5" width="136" height="38">
|
|||
|
|
<rect id="矩形_4" x="1.77832" y="5.5" width="134.859" height="37" fill="url(#paint7_radial_0_11169)" />
|
|||
|
|
</mask>
|
|||
|
|
<g mask="url(#mask1_0_11169)">
|
|||
|
|
<g id="编组 33">
|
|||
|
|
<rect id="矩形_5" opacity="0.4" x="110.637" y="10.3485" width="79" height="9" transform="rotate(140 110.637 10.3485)" fill="url(#paint8_linear_0_11169)" stroke="url(#paint9_linear_0_11169)" />
|
|||
|
|
<rect id="矩形_6" opacity="0.2" x="72.6372" y="10.3485" width="79" height="9" transform="rotate(140 72.6372 10.3485)" fill="url(#paint10_linear_0_11169)" stroke="url(#paint11_linear_0_11169)" />
|
|||
|
|
<rect id="矩形_7" opacity="0.3" x="142.637" y="17.3485" width="79" height="9" transform="rotate(140 142.637 17.3485)" fill="url(#paint12_linear_0_11169)" stroke="url(#paint13_linear_0_11169)" />
|
|||
|
|
</g>
|
|||
|
|
</g>
|
|||
|
|
</g>
|
|||
|
|
<g id="icon">
|
|||
|
|
<g id="æ¤åœ†å½¢_2" style="mix-blend-mode:plus-lighter" filter="url(#filter1_f_0_11169)">
|
|||
|
|
<ellipse cx="39.8544" cy="26.7335" rx="10.7411" ry="6.5" fill="#DA364B" />
|
|||
|
|
</g>
|
|||
|
|
<g id="形状" style="mix-blend-mode:plus-lighter" opacity="0.192644">
|
|||
|
|
<path d="M42.2276 0.802524L42.0155 0.590417L41.7309 0.875075L42.085 1.06645L42.2276 0.802524ZM43.2056 1.78054L42.9419 1.92357L42.9421 1.92391L43.2056 1.78054ZM42.2294 0.800765L42.4415 1.01287L42.725 0.729337L42.373 0.537383L42.2294 0.800765ZM38.9101 1.78054L39.1736 1.92394L39.1737 1.9237L38.9101 1.78054ZM24.3419 28.551L24.6054 28.6946L24.6054 28.6944L24.3419 28.551ZM26.4914 32.1658L26.4914 31.8658L26.4911 31.8658L26.4914 32.1658ZM55.6261 32.1658L55.6261 32.4658L55.6264 32.4658L55.6261 32.1658ZM57.7703 28.551L57.5068 28.6944L57.5069 28.6946L57.7703 28.551ZM41.0579 2.94853L41.3214 3.09189L41.5626 2.64853H41.0579V2.94853ZM41.0561 2.94853V2.64853H40.5514L40.7926 3.09189L41.0561 2.94853ZM26.4914 29.7208L26.2279 29.5774L25.9867 30.0208H26.4914V29.7208ZM55.6208 29.7208V30.0208H56.1255L55.8843 29.5774L55.6208 29.7208ZM42.4035 10.7797L42.7034 10.7864L42.7035 10.7852L42.4035 10.7797ZM40.2733 10.4525L40.2677 10.7525H40.2733V10.4525ZM40.0445 10.5474L39.8283 10.3393L39.8283 10.3393L40.0445 10.5474ZM39.9585 10.7797L40.2586 10.773L40.258 10.7626L39.9585 10.7797ZM40.2171 22.3558L40.5172 22.3574L40.517 22.3491L40.2171 22.3558ZM40.3111 22.5864L40.5244 22.3754L40.5244 22.3754L40.3111 22.5864ZM40.5407 22.683L40.5391 22.983H40.5407V22.683ZM41.8213 22.683V22.9832L41.8322 22.9828L41.8213 22.683ZM42.1449 22.354L41.845 22.3473L41.845 22.3479L42.1449 22.354ZM42.085 1.06645C42.4468 1.262 42.7444 1.55936 42.9419 1.92357L43.4693 1.63751C43.2166 1.17146 42.8351 0.789835 42.3703 0.538599L42.085 1.06645ZM42.0172 0.588658L42.0155 0.590417L42.4398 1.01463L42.4415 1.01287L42.0172 0.588658ZM40.4515 0.890078C40.9978 0.728836 41.5857 0.791461 42.0857 1.06415L42.373 0.537383C41.7331 0.188422 40.9807 0.10828 40.2816 0.314624L40.4515 0.890078ZM39.1737 1.9237C39.4455 1.42319 39.9052 1.05132 40.4515 0.890078L40.2816 0.314624C39.5826 0.520967 38.9943 0.996854 38.6465 1.63737L39.1737 1.9237ZM24.6054 28.6944L39.1736 1.92394L38.6466 1.63714L24.0784 28.4076L24.6054 28.6944ZM24.6453 30.8171C24.2582 30.1663 24.2431 29.3595 24.6054 28.6946L24.0785 28.4075C23.6149 29.2585 23.6343 30.2909 24.1296 31.1238L24.6453 30.8171ZM26.4911 31.8658C25.7339 31.8666 25.0323 31.468 24.6453 30.8171L24.1296 31.1238C24.6249 31.9567 25.5227 32.4668 26.4917 32.4658L26.4911 31.8658ZM55.6261 31.8658H26.4914V32.4658H55.6261V31.8658ZM57.4681 30.8151C57.0822 31.4657 56.3821 31.865 55.6257 31.8658L55.6264 32.4658C56.5944 32.4647 57.4903 31.9538 57.9842 31.1213L57.4681 30.8151ZM57.5069 28.6946C57.8688 29.3588 57.854 30.1646 57.4681 30.8151L57.9842 31.1213C58.478 30.2887 58.4969 29.2576 58.0337 28.4075L57.5069 28.6946ZM42.9421 1.92391L57.5068 28.6944L58.0338 28.4077L43.4692 1.63717L42.9421 1.92391ZM40.7943 2.80516L40.7935 2.80678L41.3205 3.09351L41.3214 3.09189L40.7943 2.80516ZM41.0561 3.24853H41.0579V2.64853H41.0561V3.24853ZM41.3205 2.80678L41.3196 2.80516L40.7926 3.09189L40.7935 3.09351L41.3205 2.80678ZM26.755 29.8642L41.3205 3.09352L40.7935 2.80676L26.2279 29.5774L26.755 29.8642ZM55.6208 29.4208H26.4914V30.0208H55.6208V29.4208ZM40.7935 3.09351L55.3573 29.8642L55.8843 29.5774L41.3205 2.80678L40.7935 3.09351ZM42.4995 24.3667C42.2276 23.8957 41.7249 23.6055 41.181 23.6055V24.2055C41.5106 24.2055 41.8151 24.3813 41.9799 24.6667L42.4995 24.3667ZM42.4995 25.8893C42.7715 25.4182 42.7715 24.8378 42.4995 24.3667L41.9799 24.6667C42.1447 24.9522 42.1447 25.3038 41.9799 25.5893L42.4995 25.8893ZM41.181 26.6505C41.7249 26.6505 42.2276 26.3603 42.4995 25.8893L41.9799 25.5893C41.8151 25.8747 41.5106 26.0505 41.181 26.0505V26.6505ZM39.6585 25.128C39.6585 25.9689 40.3401 26.6505 41.181 26.6505V26.0505C40.6715 26.0505 40.2585 25.6375 40.2585 25.128H39.6585ZM41.181 23.6055C40.3401 23.6055 39.6585 24.2871 39.6585 25.128H40.2585C40.2585 24.6185 40.6715 24.2055 41.181 24.2055V23.6055ZM42.0904 10.7525C42.0951 10.7525 42.0975 10.7534 42.0983 10.7537C42.0992 10.7541 42.0995 10.7544 42.0997 10.7545C42.0998 10.7546 42.1005 10.7554 42.1013 10.7575C42.1021 10.7595 42.1037 10.7647 42.1036 10.7741L42.7035 10.7852C42.7101 10.4287 42.4355 10.1525 42.0904 10.1525V10.7525ZM40.2733 10.7525H42.0904V10.1525H40.2733V10.7525
|
|||
|
|
</g>
|
|||
|
|
<g id="形状_2" filter="url(#filter2_d_0_11169)">
|
|||
|
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M41.6783 3.30776C41.4531 2.89263 41.1136 2.55314 40.7003 2.32975L40.702 2.32799C40.1321 2.01716 39.4619 1.94578 38.8392 2.12957C38.2166 2.31337 37.6926 2.73724 37.3828 3.30776L22.8146 30.0783C22.4016 30.8362 22.4189 31.7558 22.8601 32.4977C23.3013 33.2396 24.1009 33.6939 24.9641 33.693H54.0987C54.9609 33.6921 55.7589 33.237 56.1988 32.4954C56.6387 31.7539 56.6555 30.8354 56.243 30.0783L41.6783 3.30776ZM39.5296 4.47736L39.5305 4.47575H39.5288L39.5296 4.47736ZM39.5296 4.47736L24.9641 31.248H54.0934L39.5296 4.47736ZM39.6537 25.4327C40.0904 25.4327 40.494 25.6657 40.7124 26.044C40.9308 26.4222 40.9308 26.8882 40.7124 27.2665C40.494 27.6447 40.0904 27.8777 39.6537 27.8777C38.9785 27.8777 38.4311 27.3304 38.4311 26.6552C38.4311 25.98 38.9785 25.4327 39.6537 25.4327ZM40.8762 12.3069C40.8797 12.1169 40.739 11.9797 40.5631 11.9797H38.746C38.6598 11.9781 38.5769 12.0125 38.5172 12.0746C38.4574 12.1367 38.4262 12.2209 38.4311 12.3069L38.6897 23.883C38.6892 23.9693 38.7231 24.0523 38.7838 24.1136C38.8445 24.175 38.9271 24.2097 39.0134 24.2102H40.2939C40.472 24.2037 40.614 24.0594 40.6176 23.8812L40.8762 12.3069Z" fill="url(#paint14_linear_0_11169)" />
|
|||
|
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M41.6783 3.30776C41.4531 2.89263 41.1136 2.55314 40.7003 2.32975L40.702 2.32799C40.1321 2.01716 39.4619 1.94578 38.8392 2.12957C38.2166 2.31337 37.6926 2.73724 37.3828 3.30776L22.8146 30.0783C22.4016 30.8362 22.4189 31.7558 22.8601 32.4977C23.3013 33.2396 24.1009 33.6939 24.9641 33.693H54.0987C54.9609 33.6921 55.7589 33.237 56.1988 32.4954C56.6387 31.7539 56.6555 30.8354 56.243 30.0783L41.6783 3.30776ZM39.5296 4.47736L39.5305 4.47575H39.5288L39.5296 4.47736ZM39.5296 4.47736L24.9641 31.248H54.0934L39.5296 4.47736ZM39.6537 25.4327C40.0904 25.4327 40.494 25.6657 40.7124 26.044C40.9308 26.4222 40.9308 26.8882 40.7124 27.2665C40.494 27.6447 40.0904 27.8777 39.6537 27.8777C38.9785 27.8777 38.4311 27.3304 38.4311 26.6552C38.4311 25.98 38.9785 25.4327 39.6537 25.4327ZM40.8762 12.3069C40.8797 12.1169 40.739 11.9797 40.5631 11.9797H38.746C38.6598 11.9781 38.5769 12.0125 38.5172 12.0746C38.4574 12.1367 38.4262 12.2209 38.4311 12.3069L38.6897 23.883C38.6892 23.9693 38.7231 24.0523 38.7838 24.1136C38.8445 24.175 38.9271 24.2097 39.0134 24.2102H40.2939C40.472 24.2037 40.614 24.0594 40.6176 23.8812L40.8762 12.3069Z" fill="white" />
|
|||
|
|
</g>
|
|||
|
|
</g>
|
|||
|
|
</g>
|
|||
|
|
<defs>
|
|||
|
|
<filter id="filter0_f_0_11169" x="4.97203" y="-11.528" width="138.056" height="76.0559" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
|||
|
|
<feFlood flood-opacity="0" result="BackgroundImageFix" />
|
|||
|
|
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
|
|||
|
|
<feGaussianBlur stdDeviation="9.51399" result="effect1_foregroundBlur_0_11169" />
|
|||
|
|
</filter>
|
|||
|
|
<filter id="filter1_f_0_11169" x="12.8036" y="3.92383" width="54.1013" height="45.6194" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
|||
|
|
<feFlood flood-opacity="0" result="BackgroundImageFix" />
|
|||
|
|
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
|
|||
|
|
<feGaussianBlur stdDeviation="8.15485" result="effect1_foregroundBlur_0_11169" />
|
|||
|
|
</filter>
|
|||
|
|
<filter id="filter2_d_0_11169" x="19.5166" y="-3.97046" width="42.0244" height="39.6635" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
|||
|
|
<feFlood flood-opacity="0" result="BackgroundImageFix" />
|
|||
|
|
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
|
|||
|
|
<feOffset dx="1" dy="-2" />
|
|||
|
|
<feGaussianBlur stdDeviation="2" />
|
|||
|
|
<feColorMatrix type="matrix" values="0 0 0 0 0.854514 0 0 0 0 0.213175 0 0 0 0 0.295771 0 0 0 0.75 0" />
|
|||
|
|
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_0_11169" />
|
|||
|
|
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_0_11169" result="shape" />
|
|||
|
|
</filter>
|
|||
|
|
<linearGradient id="paint0_linear_0_11169" x1="6.80938" y1="57.9732" x2="131.455" y2="57.9732" gradientUnits="userSpaceOnUse">
|
|||
|
|
<stop stop-color="#855B5B" stop-opacity="0.01" />
|
|||
|
|
<stop offset="0.498658" stop-color="#B35E5E" />
|
|||
|
|
<stop offset="1" stop-color="#E16262" stop-opacity="0.01" />
|
|||
|
|
</linearGradient>
|
|||
|
|
<linearGradient id="paint1_linear_0_11169" x1="15" y1="5.5" x2="15" y2="49.5" gradientUnits="userSpaceOnUse">
|
|||
|
|
<stop stop-color="#855B5B" stop-opacity="0.226472" />
|
|||
|
|
<stop offset="1" stop-color="#E16262" />
|
|||
|
|
</linearGradient>
|
|||
|
|
<linearGradient id="paint2_linear_0_11169" x1="127.467" y1="49.5" x2="127.467" y2="5.5" gradientUnits="userSpaceOnUse">
|
|||
|
|
<stop stop-color="#FF9696" stop-opacity="0.65042" />
|
|||
|
|
<stop offset="1" stop-color="white" stop-opacity="0.01" />
|
|||
|
|
</linearGradient>
|
|||
|
|
<linearGradient id="paint3_linear_0_11169" x1="0.994992" y1="5.7847" x2="0.994992" y2="42.5" gradientUnits="userSpaceOnUse">
|
|||
|
|
<stop stop-color="#17325D" stop-opacity="0.01" />
|
|||
|
|
<stop offset="1" stop-color="#39393A" />
|
|||
|
|
</linearGradient>
|
|||
|
|
<radialGradient id="paint4_radial_0_11169" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(71.9448 42.5) rotate(90) scale(33.5488 356.411)">
|
|||
|
|
<stop offset="0.00525329" stop-color="#94CAEB" stop-opacity="0.5" />
|
|||
|
|
<stop offset="1" stop-color="#7DA1D3" stop-opacity="0.01" />
|
|||
|
|
</radialGradient>
|
|||
|
|
<radialGradient id="paint5_radial_0_11169" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(67.4974 42.7211) rotate(90) scale(25.6306 2420.31)">
|
|||
|
|
<stop stop-color="#FAFCFF" stop-opacity="0.75" />
|
|||
|
|
<stop offset="1" stop-color="#CDE2FF" stop-opacity="0.01" />
|
|||
|
|
</radialGradient>
|
|||
|
|
<radialGradient id="paint6_radial_0_11169" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(74 26.5) rotate(90) scale(22.6774 89.8392)">
|
|||
|
|
<stop stop-color="#CF4759" />
|
|||
|
|
<stop offset="1" stop-color="#CF4759" stop-opacity="0.01" />
|
|||
|
|
</radialGradient>
|
|||
|
|
<radialGradient id="paint7_radial_0_11169" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(66.9479 26.557) rotate(90) scale(30.1869 179.888)">
|
|||
|
|
<stop stop-color="white" />
|
|||
|
|
<stop offset="1" stop-color="#1F1F1F" stop-opacity="0.3" />
|
|||
|
|
<stop offset="1" stop-opacity="0.01" />
|
|||
|
|
</radialGradient>
|
|||
|
|
<linearGradient id="paint8_linear_0_11169" x1="200.209" y1="10.7528" x2="145.503" y2="-32.0502" gradientUnits="userSpaceOnUse">
|
|||
|
|
<stop stop-color="#E16262" stop-opacity="0.01" />
|
|||
|
|
<stop offset="0.496998" stop-color="#E16262" />
|
|||
|
|
<stop offset="0.992136" stop-color="#E16262" stop-opacity="0.01" />
|
|||
|
|
</linearGradient>
|
|||
|
|
<linearGradient id="paint9_linear_0_11169" x1="121.927" y1="19.3485" x2="171.173" y2="19.3485" gradientUnits="userSpaceOnUse">
|
|||
|
|
<stop stop-color="#FF9696" stop-opacity="0.01" />
|
|||
|
|
<stop offset="0.527132" stop-color="#FF9696" stop-opacity="0.65" />
|
|||
|
|
<stop offset="1" stop-color="#FF9696" stop-opacity="0.01" />
|
|||
|
|
</linearGradient>
|
|||
|
|
<linearGradient id="paint10_linear_0_11169" x1="162.209" y1="10.7528" x2="107.503" y2="-32.0502" gradientUnits="userSpaceOnUse">
|
|||
|
|
<stop stop-color="#E16262" stop-opacity="0.01" />
|
|||
|
|
<stop offset="0.496998" stop-color="#E16262" />
|
|||
|
|
<stop offset="0.992136" stop-color="#E16262" stop-opacity="0.01" />
|
|||
|
|
</linearGradient>
|
|||
|
|
<linearGradient id="paint11_linear_0_11169" x1="83.9274" y1="19.3485" x2="133.173" y2="19.3485" gradientUnits="userSpaceOnUse">
|
|||
|
|
<stop stop-color="#FF9696" stop-opacity="0.01" />
|
|||
|
|
<stop offset="0.527132" stop-color="#FF9696" stop-opacity="0.65" />
|
|||
|
|
<stop offset="1" stop-color="#FF9696" stop-opacity="0.01" />
|
|||
|
|
</linearGradient>
|
|||
|
|
<linearGradient id="paint12_linear_0_11169" x1="232.209" y1="17.7528" x2="177.503" y2="-25.0502" gradientUnits="userSpaceOnUse">
|
|||
|
|
<stop stop-color="#E16262" stop-opacity="0.01" />
|
|||
|
|
<stop offset="0.496998" stop-color="#E16262" />
|
|||
|
|
<stop offset="0.992136" stop-color="#E16262" stop-opacity="0.01" />
|
|||
|
|
</linearGradient>
|
|||
|
|
<linearGradient id="paint13_linear_0_11169" x1="153.927" y1="26.3485" x2="203.173" y2="26.3485" gradientUnits="userSpaceOnUse">
|
|||
|
|
<stop stop-color="#FF9696" stop-opacity="0.01" />
|
|||
|
|
<stop offset="0.527132" stop-color="#FF9696" stop-opacity="0.65" />
|
|||
|
|
<stop offset="1" stop-color="#FF9696" stop-opacity="0.01" />
|
|||
|
|
</linearGradient>
|
|||
|
|
<linearGradient id="paint14_linear_0_11169" x1="22.5166" y1="2.02954" x2="22.5166" y2="33.6931" gradientUnits="userSpaceOnUse">
|
|||
|
|
<stop stop-color="#A5D8FC" />
|
|||
|
|
<stop offset="1" stop-color="white" />
|
|||
|
|
</linearGradient>
|
|||
|
|
<clipPath id="clip0_0_11169">
|
|||
|
|
<rect width="143" height="49" fill="white" transform="translate(0.444824 0.5)" />
|
|||
|
|
</clipPath>
|
|||
|
|
</defs>
|
|||
|
|
</svg>
|
|||
|
|
</div>
|
|||
|
|
</template>
|