|
|
@@ -0,0 +1,1341 @@
|
|
|
+```jsx
|
|
|
+const imgProperty1 = "https://www.figma.com/api/mcp/asset/ad3f1fa8-0cec-4ff9-a24b-f3dea29b0925";
|
|
|
+const imgEllipse4119 = "https://www.figma.com/api/mcp/asset/fcf74522-1000-42fd-8999-d2f9337c522e";
|
|
|
+const img = "https://www.figma.com/api/mcp/asset/6e33453e-bfea-4c73-abb8-93813828acd2";
|
|
|
+const img1 = "https://www.figma.com/api/mcp/asset/59477634-8247-4a5a-9b3c-98304aea3e1d";
|
|
|
+const img2 = "https://www.figma.com/api/mcp/asset/371d8e07-1858-4b6c-96d9-1841362a039c";
|
|
|
+const img3 = "https://www.figma.com/api/mcp/asset/91dfae88-ef21-4b34-bf2b-e16237b480a6";
|
|
|
+const imgVector = "https://www.figma.com/api/mcp/asset/286628a7-3ede-45e2-8c76-5f4ca8913ede";
|
|
|
+const imgVector1 = "https://www.figma.com/api/mcp/asset/dd1cdfa2-b95f-49bc-9e3f-11382a309ca5";
|
|
|
+const imgVector2 = "https://www.figma.com/api/mcp/asset/6e19994b-d9cf-4f17-8af0-c3e9cc0c2e27";
|
|
|
+const imgRectangle3709 = "https://www.figma.com/api/mcp/asset/5d0e159a-ff97-47b4-9e08-bbacc0d02c98";
|
|
|
+const imgGroup1321314607 = "https://www.figma.com/api/mcp/asset/91fc4252-a6d8-4041-9340-1589e4f5ae38";
|
|
|
+const imgVector3 = "https://www.figma.com/api/mcp/asset/32a8ab24-f095-4d72-9dab-2b5d55843c86";
|
|
|
+const imgFrame10907 = "https://www.figma.com/api/mcp/asset/8ecc449c-7f4c-4cb0-a640-cfa6168a3845";
|
|
|
+const imgEllipse305 = "https://www.figma.com/api/mcp/asset/e3ae326e-3da9-4f78-a1d1-c97c3a6c3205";
|
|
|
+const imgEllipse304 = "https://www.figma.com/api/mcp/asset/a57ca60a-b6db-42df-b9e9-1fcb4a439a9d";
|
|
|
+const imgEllipse306 = "https://www.figma.com/api/mcp/asset/43e5d3a3-053a-467a-980b-9c46976b6718";
|
|
|
+const imgVector4 = "https://www.figma.com/api/mcp/asset/7cc7a761-911a-4878-a218-b6beb3141ccc";
|
|
|
+const imgFrame10908 = "https://www.figma.com/api/mcp/asset/8ba3eb41-15c5-448f-9f74-7599a917e560";
|
|
|
+const imgEllipse307 = "https://www.figma.com/api/mcp/asset/9aadd54e-4660-4e6e-8b71-34ac6dbd7b47";
|
|
|
+const imgEllipse308 = "https://www.figma.com/api/mcp/asset/18d18c20-4a69-492a-8bad-0d4477dd2d8a";
|
|
|
+const imgEllipse309 = "https://www.figma.com/api/mcp/asset/7c0de09a-9d87-4343-8fbd-1396e62eff89";
|
|
|
+const imgVector5 = "https://www.figma.com/api/mcp/asset/4fdbebfb-b378-47e1-bd08-c3ba8ab7764c";
|
|
|
+const imgVector6 = "https://www.figma.com/api/mcp/asset/fbd885f6-cc0d-4b4b-822e-48fb27da3770";
|
|
|
+const imgVector7 = "https://www.figma.com/api/mcp/asset/cb0a753b-4827-4cdb-bef0-d421d0f12849";
|
|
|
+const imgRectangle3710 = "https://www.figma.com/api/mcp/asset/adc755e3-e9df-45ad-aa33-d77532784913";
|
|
|
+const imgGroup1321314608 = "https://www.figma.com/api/mcp/asset/42157d06-8863-4914-b09f-800ac22e226c";
|
|
|
+const imgVector8 = "https://www.figma.com/api/mcp/asset/0bb2c472-a226-4860-8ccd-afc2e11b6190";
|
|
|
+const imgVector9 = "https://www.figma.com/api/mcp/asset/b1f67e06-f709-4e73-b8cb-e2ccf26690ab";
|
|
|
+const imgVector10 = "https://www.figma.com/api/mcp/asset/8e2be2e8-f565-45af-8bd6-1cfeb59476bc";
|
|
|
+const imgRectangle3711 = "https://www.figma.com/api/mcp/asset/b788398c-c93b-4379-ba9e-b33e2aac8802";
|
|
|
+const imgGroup1321314609 = "https://www.figma.com/api/mcp/asset/dce2b4f9-d9cc-461a-afe5-3a22fce7e46e";
|
|
|
+const imgRectangle3714 = "https://www.figma.com/api/mcp/asset/ef028a52-ae97-4ffa-8197-e5ac50be2bde";
|
|
|
+const imgIconTime = "https://www.figma.com/api/mcp/asset/406d1236-4922-4a5d-b0c6-2b405f9d9587";
|
|
|
+const imgVector11 = "https://www.figma.com/api/mcp/asset/a834e22a-ee50-4fa6-afcd-5662a590ba13";
|
|
|
+const img4 = "https://www.figma.com/api/mcp/asset/1ba01f7d-beae-4e5f-af35-1aaa61e6c7af";
|
|
|
+const img5 = "https://www.figma.com/api/mcp/asset/47af8281-6d74-4c1b-b6e7-4a33fa0769a0";
|
|
|
+const img6 = "https://www.figma.com/api/mcp/asset/4a407cb3-5fa8-431e-82f5-a4e80a6dd6c6";
|
|
|
+const img7 = "https://www.figma.com/api/mcp/asset/4ad06a6f-cfb7-4fea-8165-d29f16d7b724";
|
|
|
+const img8 = "https://www.figma.com/api/mcp/asset/ae4b53fa-3f00-4539-a630-cf34cf9fa174";
|
|
|
+const img9 = "https://www.figma.com/api/mcp/asset/3dcb2741-2af5-4c81-ba87-7641d083ce85";
|
|
|
+const img10 = "https://www.figma.com/api/mcp/asset/7c5766a0-60d9-4dce-a61a-ab77fe504687";
|
|
|
+const img11 = "https://www.figma.com/api/mcp/asset/ebab66be-608a-4f15-9ee0-5b0ea2ee5f86";
|
|
|
+const img12 = "https://www.figma.com/api/mcp/asset/816963c1-ec66-4f4f-9e3c-8c00047d33dd";
|
|
|
+const img13 = "https://www.figma.com/api/mcp/asset/22bc7622-a7da-401d-9451-5cf73bd1532c";
|
|
|
+const img14 = "https://www.figma.com/api/mcp/asset/4a995039-f8b4-4442-9960-d25cd2d1958f";
|
|
|
+const img15 = "https://www.figma.com/api/mcp/asset/9a551809-608f-48bc-889b-7c0c5823b923";
|
|
|
+const img16 = "https://www.figma.com/api/mcp/asset/ded89b08-063f-4157-9180-3f5db085cd63";
|
|
|
+const img17 = "https://www.figma.com/api/mcp/asset/67c8f7ae-1bee-4847-b616-fa67f0b69404";
|
|
|
+const img18 = "https://www.figma.com/api/mcp/asset/bd7171cc-ccf5-448f-b785-68a5378281d6";
|
|
|
+const img19 = "https://www.figma.com/api/mcp/asset/fab64b95-af76-4ae2-9f5c-6448dca5dd51";
|
|
|
+const img20 = "https://www.figma.com/api/mcp/asset/f1b7724b-9cfb-48db-b394-c921099b78c1";
|
|
|
+const img21 = "https://www.figma.com/api/mcp/asset/a1d9fa81-a3e5-42da-9c88-470f0f864853";
|
|
|
+const img22 = "https://www.figma.com/api/mcp/asset/2e171e2c-2a35-4ea1-834a-9cce5b144912";
|
|
|
+const img23 = "https://www.figma.com/api/mcp/asset/c6ddd14b-ee55-4b4f-b66d-6bfac8018ab6";
|
|
|
+const img24 = "https://www.figma.com/api/mcp/asset/85ded886-f6a0-4f7a-b136-40a9d03e7600";
|
|
|
+const img25 = "https://www.figma.com/api/mcp/asset/e4e1784b-4035-4d81-916c-5d3f2bcf9351";
|
|
|
+const img26 = "https://www.figma.com/api/mcp/asset/84434179-280a-4e81-8ad3-4a90a28674b9";
|
|
|
+const img27 = "https://www.figma.com/api/mcp/asset/b520f998-24be-4342-9a5a-a724592f940c";
|
|
|
+const img28 = "https://www.figma.com/api/mcp/asset/34e273b8-75f4-4e5a-bbe3-af4f14cbf4fe";
|
|
|
+const img29 = "https://www.figma.com/api/mcp/asset/2fa8b641-8683-4691-af2b-e2b951862674";
|
|
|
+const img30 = "https://www.figma.com/api/mcp/asset/5d801346-5841-48a9-947b-c524135193c0";
|
|
|
+const img31 = "https://www.figma.com/api/mcp/asset/aa2b7420-7fe4-4495-938c-0c5e3b284cfe";
|
|
|
+const img32 = "https://www.figma.com/api/mcp/asset/c65a79d5-cb2e-4e12-8f0f-3561a60bf8ad";
|
|
|
+const img33 = "https://www.figma.com/api/mcp/asset/2c2fa98f-df52-4ca3-a59c-662b35f5bad1";
|
|
|
+const img34 = "https://www.figma.com/api/mcp/asset/0144747c-764a-4fbd-bf24-2131b4d76fbe";
|
|
|
+const img35 = "https://www.figma.com/api/mcp/asset/05966125-e08f-473f-9714-1baf2f4067a7";
|
|
|
+const img36 = "https://www.figma.com/api/mcp/asset/8bd560f7-4744-41bd-adc1-c550cf53d121";
|
|
|
+const img37 = "https://www.figma.com/api/mcp/asset/86f1373e-51d2-44ac-8389-0516647f3829";
|
|
|
+const img38 = "https://www.figma.com/api/mcp/asset/c0aa7f46-d408-4c9d-b8f1-04a2df05f3e7";
|
|
|
+const img39 = "https://www.figma.com/api/mcp/asset/d8920737-0ff8-4441-8666-ffbf3861dde2";
|
|
|
+
|
|
|
+function icon({ className }: { className?: string }) {
|
|
|
+ return (
|
|
|
+ <div className={className} data-name="返回icon" data-node-id="853:111934">
|
|
|
+ <div className="absolute aspect-[84/84] bottom-[2.38%] flex items-center justify-center left-1/2 top-[2.38%] translate-x-[-50%]">
|
|
|
+ <div className="flex-none rotate-[180deg] scale-y-[-100%] size-[80px]">
|
|
|
+ <div className="relative size-full" data-node-id="1412:67849">
|
|
|
+ <div className="absolute inset-[-1.25%]">
|
|
|
+ <img alt="" className="block max-w-none size-full" src={imgEllipse4119} />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div className="absolute flex inset-[31.17%_39.47%] items-center justify-center">
|
|
|
+ <div className="flex-none h-[17.684px] rotate-[270deg] w-[31.641px]">
|
|
|
+ <div className="relative size-full" data-name="路径" data-node-id="853:111931">
|
|
|
+ <div className="absolute inset-[-50.89%_-28.44%]">
|
|
|
+ <img alt="" className="block max-w-none size-full" src={img} />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ );
|
|
|
+}
|
|
|
+
|
|
|
+function Component({ className }: { className?: string }) {
|
|
|
+ return (
|
|
|
+ <div className={className} data-name="报表头部" data-node-id="1705:119710">
|
|
|
+ <div className="absolute bg-gradient-to-r blur-[14.5px] bottom-0 filter from-[rgba(162,190,255,0)] left-[18.55%] right-[18.15%] to-[95.957%] to-[rgba(162,190,255,0)] top-0 via-[51.477%] via-[rgba(162,190,255,0.302)]" data-node-id="1705:119700" />
|
|
|
+ <div className="absolute flex inset-[38.16%_77.08%_38.16%_0.03%] items-center justify-center">
|
|
|
+ <div className="flex-none h-[9px] rotate-[180deg] scale-y-[-100%] w-[136px]">
|
|
|
+ <div className="relative size-full" data-name="左侧" data-node-id="1705:119702">
|
|
|
+ <img alt="" className="block max-w-none size-full" src={img1} />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <p className="absolute font-['HarmonyOS_Sans_SC:Regular',sans-serif] inset-[19.74%_29.03%_19.74%_28.81%] leading-[normal] not-italic text-[20px] text-center text-white whitespace-pre-wrap" data-node-id="1705:119705">
|
|
|
+ 资产负债率
|
|
|
+ </p>
|
|
|
+ <div className="absolute inset-[38.16%_0.24%_38.16%_76.86%]" data-name="右侧" data-node-id="1705:119706">
|
|
|
+ <img alt="" className="block max-w-none size-full" src={img2} />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ );
|
|
|
+}
|
|
|
+
|
|
|
+function Component1({ className }: { className?: string }) {
|
|
|
+ return (
|
|
|
+ <div className={className} data-name="底框" data-node-id="1705:119101">
|
|
|
+ <img alt="" className="block max-w-none size-full" src={img3} />
|
|
|
+ </div>
|
|
|
+ );
|
|
|
+}
|
|
|
+
|
|
|
+function Component2({ className }: { className?: string }) {
|
|
|
+ return <div className={className} data-name="头部" data-node-id="1705:119126" />;
|
|
|
+}
|
|
|
+type Component3Props = {
|
|
|
+ className?: string;
|
|
|
+ property1?: "柱形元素";
|
|
|
+ property2?: "1-1" | "1-2" | "2-1" | "2-4" | "2-3" | "8-1";
|
|
|
+};
|
|
|
+
|
|
|
+function Component3({ className, property1 = "柱形元素", property2 = "2-1" }: Component3Props) {
|
|
|
+ if (property1 === "柱形元素" && property2 === "2-4") {
|
|
|
+ return (
|
|
|
+ <div className={className} data-name="Property 1=柱形元素, Property 2=2-4" data-node-id="1709:119759">
|
|
|
+ <div className="flex flex-[1_0_0] items-center justify-center mb-[-3px] min-h-px min-w-px relative shrink-0 w-full">
|
|
|
+ <div className="flex-none rotate-[180deg] size-full">
|
|
|
+ <div className="box-border content-stretch flex flex-col items-start pb-[3px] pt-0 px-0 relative size-full" data-node-id="1709:119735">
|
|
|
+ <div className="box-border content-stretch flex flex-[1_0_0] items-end justify-center mb-[-3px] min-h-px min-w-px relative shrink-0 w-full" data-node-id="1709:119736">
|
|
|
+ <div className="flex-[1_0_0] h-full min-h-px min-w-px relative shrink-0" data-name="Vector" data-node-id="1709:119737">
|
|
|
+ <img alt="" className="block max-w-none size-full" src={imgVector} />
|
|
|
+ </div>
|
|
|
+ <div className="bg-gradient-to-b from-[#c2e6ff] h-full shrink-0 to-[rgba(0,68,170,0.3)] w-px" data-node-id="1709:119738" />
|
|
|
+ <div className="flex-[1_0_0] h-full min-h-px min-w-px relative shrink-0" data-name="Vector" data-node-id="1709:119739">
|
|
|
+ <img alt="" className="block max-w-none size-full" src={imgVector1} />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div className="h-[5px] mb-[-3px] relative shrink-0 w-full" data-node-id="1709:119740">
|
|
|
+ <div className="absolute bottom-0 left-0 right-0 top-[13.33%]" data-name="Vector" data-node-id="1709:119741">
|
|
|
+ <img alt="" className="block max-w-none size-full" src={imgVector2} />
|
|
|
+ </div>
|
|
|
+ <div className="absolute h-[5px] left-1/2 top-[calc(50%+-0.5px)] translate-x-[-50%] translate-y-[-50%] w-px" data-node-id="1709:119742">
|
|
|
+ <img alt="" className="block max-w-none size-full" src={imgRectangle3709} />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div className="flex items-center justify-center mb-[-3px] relative shrink-0 w-full">
|
|
|
+ <div className="flex-none rotate-[180deg] w-full">
|
|
|
+ <div className="h-[6px] relative w-full" data-node-id="1709:119743">
|
|
|
+ <img alt="" className="block max-w-none size-full" src={imgGroup1321314607} />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ );
|
|
|
+ }
|
|
|
+ if (property1 === "柱形元素" && property2 === "1-2") {
|
|
|
+ return (
|
|
|
+ <div className={className} data-name="Property 1=柱形元素, Property 2=1-2" data-node-id="1705:118656">
|
|
|
+ <div className="flex flex-[1_0_0] items-center justify-center mb-[-3px] min-h-px min-w-px relative shrink-0 w-full">
|
|
|
+ <div className="flex-none rotate-[180deg] size-full">
|
|
|
+ <div className="bg-gradient-to-b box-border content-stretch flex flex-col from-[rgba(237,206,89,0.808)] items-start pb-[3px] pt-0 px-0 relative size-full to-[rgba(237,206,89,0)]" data-node-id="1705:118647">
|
|
|
+ <div className="h-[4px] mb-[-3px] relative shrink-0 w-full" data-name="Vector" data-node-id="1705:118648">
|
|
|
+ <img alt="" className="block max-w-none size-full" src={imgVector3} />
|
|
|
+ </div>
|
|
|
+ <div className="h-[5px] mb-[-3px] relative shrink-0 w-full" data-node-id="1705:118649">
|
|
|
+ <img alt="" className="block max-w-none size-full" src={imgFrame10907} />
|
|
|
+ <div className="absolute bottom-0 left-0 right-0 top-1/2" data-node-id="1705:118651">
|
|
|
+ <div className="absolute bottom-[-10%] left-[-0.83%] right-[-0.83%] top-0">
|
|
|
+ <img alt="" className="block max-w-none size-full" src={imgEllipse305} />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div className="flex items-center justify-center mb-[-3px] relative shrink-0 w-full">
|
|
|
+ <div className="flex-none rotate-[180deg] w-full">
|
|
|
+ <div className="h-[6px] relative w-full" data-node-id="1705:118652">
|
|
|
+ <div className="absolute bottom-[16.67%] left-0 right-0 top-0" data-node-id="1705:118653">
|
|
|
+ <img alt="" className="block max-w-none size-full" src={imgEllipse304} />
|
|
|
+ </div>
|
|
|
+ <div className="absolute bottom-[16.67%] left-0 right-0 top-[41.67%]" data-node-id="1705:118654">
|
|
|
+ <div className="absolute bottom-[-10%] left-[-0.83%] right-[-0.83%] top-0">
|
|
|
+ <img alt="" className="block max-w-none size-full" src={imgEllipse306} />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ );
|
|
|
+ }
|
|
|
+ if (property1 === "柱形元素" && property2 === "1-1") {
|
|
|
+ return (
|
|
|
+ <div className={className} data-name="Property 1=柱形元素, Property 2=1-1" data-node-id="1705:118655">
|
|
|
+ <div className="flex flex-[1_0_0] items-center justify-center mb-[-3px] min-h-px min-w-px relative shrink-0 w-full">
|
|
|
+ <div className="flex-none rotate-[180deg] size-full">
|
|
|
+ <div className="box-border content-stretch flex flex-col items-start pb-[3px] pt-0 px-0 relative size-full" data-node-id="1705:118638">
|
|
|
+ <div className="flex-[1_0_0] mb-[-3px] min-h-px min-w-px relative shrink-0 w-full" data-name="Vector" data-node-id="1705:118639">
|
|
|
+ <img alt="" className="block max-w-none size-full" src={imgVector4} />
|
|
|
+ </div>
|
|
|
+ <div className="h-[5px] mb-[-3px] relative shrink-0 w-full" data-node-id="1705:118640">
|
|
|
+ <img alt="" className="block max-w-none size-full" src={imgFrame10908} />
|
|
|
+ <div className="absolute bottom-0 left-0 right-0 top-1/2" data-node-id="1705:118642">
|
|
|
+ <div className="absolute bottom-[-10%] left-[-0.83%] right-[-0.83%] top-0">
|
|
|
+ <img alt="" className="block max-w-none size-full" src={imgEllipse307} />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div className="flex items-center justify-center mb-[-3px] relative shrink-0 w-full">
|
|
|
+ <div className="flex-none rotate-[180deg] w-full">
|
|
|
+ <div className="h-[6px] relative w-full" data-node-id="1705:118643">
|
|
|
+ <div className="absolute bottom-[16.67%] left-0 right-0 top-0" data-node-id="1705:118644">
|
|
|
+ <img alt="" className="block max-w-none size-full" src={imgEllipse308} />
|
|
|
+ </div>
|
|
|
+ <div className="absolute bottom-[16.67%] left-0 right-0 top-[41.67%]" data-node-id="1705:118645">
|
|
|
+ <div className="absolute bottom-[-10%] left-[-0.83%] right-[-0.83%] top-0">
|
|
|
+ <img alt="" className="block max-w-none size-full" src={imgEllipse309} />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ );
|
|
|
+ }
|
|
|
+ if (property1 === "柱形元素" && property2 === "2-3") {
|
|
|
+ return (
|
|
|
+ <div className={className} data-name="Property 1=柱形元素, Property 2=2-3" data-node-id="1709:119772">
|
|
|
+ <div className="flex flex-[1_0_0] items-center justify-center mb-[-3px] min-h-px min-w-px relative shrink-0 w-full">
|
|
|
+ <div className="flex-none rotate-[180deg] size-full">
|
|
|
+ <div className="box-border content-stretch flex flex-col items-start pb-[3px] pt-0 px-0 relative size-full" data-node-id="1709:119773">
|
|
|
+ <div className="box-border content-stretch flex flex-[1_0_0] items-end justify-center mb-[-3px] min-h-px min-w-px relative shrink-0 w-full" data-node-id="1709:119774">
|
|
|
+ <div className="flex-[1_0_0] h-full min-h-px min-w-px relative shrink-0" data-name="Vector" data-node-id="1709:119775">
|
|
|
+ <img alt="" className="block max-w-none size-full" src={imgVector5} />
|
|
|
+ </div>
|
|
|
+ <div className="bg-gradient-to-b from-[#dccfff] h-full shrink-0 to-[rgba(126,82,250,0.3)] w-px" data-node-id="1709:119776" />
|
|
|
+ <div className="flex-[1_0_0] h-full min-h-px min-w-px relative shrink-0" data-name="Vector" data-node-id="1709:119777">
|
|
|
+ <img alt="" className="block max-w-none size-full" src={imgVector6} />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div className="h-[5px] mb-[-3px] relative shrink-0 w-full" data-node-id="1709:119778">
|
|
|
+ <div className="absolute bottom-0 left-0 right-0 top-[13.33%]" data-name="Vector" data-node-id="1709:119779">
|
|
|
+ <img alt="" className="block max-w-none size-full" src={imgVector7} />
|
|
|
+ </div>
|
|
|
+ <div className="absolute h-[5px] left-1/2 top-[calc(50%+-0.5px)] translate-x-[-50%] translate-y-[-50%] w-px" data-node-id="1709:119780">
|
|
|
+ <img alt="" className="block max-w-none size-full" src={imgRectangle3710} />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div className="flex items-center justify-center mb-[-3px] relative shrink-0 w-full">
|
|
|
+ <div className="flex-none rotate-[180deg] w-full">
|
|
|
+ <div className="h-[6px] relative w-full" data-node-id="1709:119781">
|
|
|
+ <img alt="" className="block max-w-none size-full" src={imgGroup1321314608} />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ );
|
|
|
+ }
|
|
|
+ return (
|
|
|
+ <div className={className} data-name="Property 1=柱形元素, Property 2=2-1" data-node-id="1709:119758">
|
|
|
+ <div className="flex flex-[1_0_0] items-center justify-center mb-[-3px] min-h-px min-w-px relative shrink-0 w-full">
|
|
|
+ <div className="flex-none rotate-[180deg] size-full">
|
|
|
+ <div className="box-border content-stretch flex flex-col items-start pb-[3px] pt-0 px-0 relative size-full" data-node-id="1709:119747">
|
|
|
+ <div className="box-border content-stretch flex flex-[1_0_0] items-end justify-center mb-[-3px] min-h-px min-w-px relative shrink-0 w-full" data-node-id="1709:119748">
|
|
|
+ <div className="flex-[1_0_0] h-full min-h-px min-w-px relative shrink-0" data-name="Vector" data-node-id="1709:119749">
|
|
|
+ <img alt="" className="block max-w-none size-full" src={imgVector8} />
|
|
|
+ </div>
|
|
|
+ <div className="bg-gradient-to-b from-[#feffc2] h-full shrink-0 to-[rgba(255,153,0,0.3)] w-px" data-node-id="1709:119750" />
|
|
|
+ <div className="flex-[1_0_0] h-full min-h-px min-w-px relative shrink-0" data-name="Vector" data-node-id="1709:119751">
|
|
|
+ <img alt="" className="block max-w-none size-full" src={imgVector9} />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div className="h-[5px] mb-[-3px] relative shrink-0 w-full" data-node-id="1709:119752">
|
|
|
+ <div className="absolute bottom-0 left-0 right-0 top-[13.33%]" data-name="Vector" data-node-id="1709:119753">
|
|
|
+ <img alt="" className="block max-w-none size-full" src={imgVector10} />
|
|
|
+ </div>
|
|
|
+ <div className="absolute h-[5px] left-1/2 top-[calc(50%+-0.5px)] translate-x-[-50%] translate-y-[-50%] w-px" data-node-id="1709:119754">
|
|
|
+ <img alt="" className="block max-w-none size-full" src={imgRectangle3711} />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div className="flex items-center justify-center mb-[-3px] relative shrink-0 w-full">
|
|
|
+ <div className="flex-none rotate-[180deg] w-full">
|
|
|
+ <div className="h-[6px] relative w-full" data-node-id="1709:119755">
|
|
|
+ <img alt="" className="block max-w-none size-full" src={imgGroup1321314609} />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ );
|
|
|
+}
|
|
|
+type Component7Props = {
|
|
|
+ className?: string;
|
|
|
+ property1?: "定位数据3";
|
|
|
+};
|
|
|
+
|
|
|
+function Component7({ className, property1 = "定位数据3" }: Component7Props) {
|
|
|
+ return (
|
|
|
+ <div className={className} data-name="Property 1=定位数据3" data-node-id="1709:122073">
|
|
|
+ <div className="backdrop-blur-[1.5px] backdrop-filter bg-gradient-to-b border-[#ff8a00] border-[0.5px] border-solid box-border content-stretch flex from-[3.646%] from-[rgba(255,138,0,0.3)] items-center justify-center px-[8px] py-[4px] relative rounded-[3px] shrink-0 to-[rgba(169,96,15,0.3)]" data-node-id="1709:122074">
|
|
|
+ <div className="flex flex-col font-['PingFang_SC:Heavy',sans-serif] justify-center leading-[0] not-italic relative shrink-0 text-[20px] text-center text-white whitespace-nowrap" data-node-id="1709:122075">
|
|
|
+ <p className="leading-[21.504px]">161.29</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div className="h-[10px] relative shrink-0 w-[14px]" data-node-id="1709:122076">
|
|
|
+ <img alt="" className="block max-w-none size-full" src={imgRectangle3714} />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ );
|
|
|
+}
|
|
|
+
|
|
|
+function IconTime({ className }: { className?: string }) {
|
|
|
+ return (
|
|
|
+ <div className={className} data-name="icon/通用/time" data-node-id="218:16253">
|
|
|
+ <img alt="" className="block max-w-none size-full" src={imgIconTime} />
|
|
|
+ <div className="absolute inset-[8.33%]" data-name="Vector" data-node-id="218:16255">
|
|
|
+ <img alt="" className="block max-w-none size-full" src={imgVector11} />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ );
|
|
|
+}
|
|
|
+
|
|
|
+function Component4({ className }: { className?: string }) {
|
|
|
+ return (
|
|
|
+ <div className={className} data-name="底部网格" data-node-id="631:69869">
|
|
|
+ <div className="absolute bottom-[-71.42%] content-stretch flex flex-col items-start left-0 mask-alpha mask-intersect mask-no-clip mask-no-repeat mask-position-[0px_175.624px] mask-size-[1920px_1080px] right-0 top-[-16.26%]" data-name="底部内容" data-node-id="631:69865" style={{ maskImage: `url('${img4}')` }}>
|
|
|
+ <div className="h-[1013.464px] relative shrink-0 w-[1920px]" data-name="网格" data-node-id="631:69866">
|
|
|
+ <img alt="" className="block max-w-none size-full" src={img5} />
|
|
|
+ </div>
|
|
|
+ <div className="h-[1013.464px] relative shrink-0 w-[1920px]" data-name="网格" data-node-id="631:69867">
|
|
|
+ <img alt="" className="block max-w-none size-full" src={img5} />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ );
|
|
|
+}
|
|
|
+type Component5Props = {
|
|
|
+ className?: string;
|
|
|
+ property1?: "常规界面";
|
|
|
+};
|
|
|
+
|
|
|
+function Component5({ className, property1 = "常规界面" }: Component5Props) {
|
|
|
+ return (
|
|
|
+ <div className={className} data-name="Property 1=常规界面" data-node-id="302:27154">
|
|
|
+ <div aria-hidden="true" className="absolute inset-0 pointer-events-none">
|
|
|
+ <img alt="" className="absolute max-w-none object-50%-50% object-cover size-full" src={imgProperty1} />
|
|
|
+ <div className="absolute bg-[rgba(33,33,33,0.6)] inset-0" />
|
|
|
+ </div>
|
|
|
+ <div className="absolute contents left-0 top-0" data-node-id="302:26005" />
|
|
|
+ </div>
|
|
|
+ );
|
|
|
+}
|
|
|
+
|
|
|
+export default function Component6() {
|
|
|
+ return (
|
|
|
+ <div className="relative size-full" data-name="战略部署-首页-优化" data-node-id="1715:121572">
|
|
|
+ <div aria-hidden="true" className="absolute inset-0 pointer-events-none">
|
|
|
+ <img alt="" className="absolute max-w-none object-50%-50% object-cover size-full" src={imgProperty1} />
|
|
|
+ <div className="absolute bg-[rgba(33,33,33,0.6)] inset-0" />
|
|
|
+ </div>
|
|
|
+ <div className="absolute contents left-0 top-0" data-name="我是底部" data-node-id="I1715:121572;1703:114628">
|
|
|
+ <Component5 className="absolute h-[1080px] left-0 overflow-clip top-0 w-[1920px]" />
|
|
|
+ <Component4 className="absolute h-[1080px] left-0 top-0 w-[1920px]" />
|
|
|
+ </div>
|
|
|
+ <div className="absolute contents left-0 top-px" data-name="头部" data-node-id="I1715:121572;1703:114631">
|
|
|
+ <div className="absolute h-[74px] left-0 top-px w-[1920px]" data-name="头部" data-node-id="I1715:121572;1703:114632">
|
|
|
+ <div className="absolute contents left-[1269px] top-[-3.98px]" data-node-id="I1715:121572;1703:114633">
|
|
|
+ <div className="absolute flex h-[65px] items-center justify-center left-[calc(50%+638px)] top-[calc(50%+-5.48px)] translate-x-[-50%] translate-y-[-50%] w-[658px]">
|
|
|
+ <div className="flex-none rotate-[180deg] scale-y-[-100%]">
|
|
|
+ <div className="h-[65px] relative w-[658px]" data-name="装饰_左" data-node-id="I1715:121572;1703:114634">
|
|
|
+ <div className="absolute h-[64.5px] left-0 top-0 w-[663px]" data-node-id="I1715:121572;1703:114635">
|
|
|
+ <img alt="" className="block max-w-none size-full" src={img6} />
|
|
|
+ </div>
|
|
|
+ <div className="absolute h-[8px] left-[124.5px] top-[27px] w-[301px]" data-node-id="I1715:121572;1703:114637">
|
|
|
+ <div className="absolute bottom-[-12.5%] left-0 right-0 top-[-12.5%]">
|
|
|
+ <img alt="" className="block max-w-none size-full" src={img7} />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div className="absolute h-0 left-0 top-[22px] w-[162px]" data-node-id="I1715:121572;1703:114639">
|
|
|
+ <div className="absolute bottom-[-1px] left-0 right-0 top-[-1px]">
|
|
|
+ <img alt="" className="block max-w-none size-full" src={img8} />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div className="absolute content-stretch flex gap-[4px] items-start left-[438px] top-[27px]" data-node-id="I1715:121572;1703:114646">
|
|
|
+ <div className="bg-[#a2beff] blur-[0.25px] filter h-[5px] shrink-0 w-[10px]" data-node-id="I1715:121572;1703:114647" />
|
|
|
+ <div className="bg-[#a2beff] blur-[0.25px] filter h-[5px] opacity-80 shrink-0 w-[6px]" data-node-id="I1715:121572;1703:114648" />
|
|
|
+ <div className="bg-[#a2beff] blur-[0.25px] filter opacity-60 shrink-0 size-[5px]" data-node-id="I1715:121572;1703:114649" />
|
|
|
+ <div className="bg-[#a2beff] blur-[0.25px] filter h-[5px] opacity-40 shrink-0 w-[4px]" data-node-id="I1715:121572;1703:114650" />
|
|
|
+ <div className="bg-[#a2beff] blur-[0.25px] filter h-[5px] opacity-20 shrink-0 w-[3px]" data-node-id="I1715:121572;1703:114651" />
|
|
|
+ </div>
|
|
|
+ <div className="absolute h-[22.5px] left-0 top-[42px] w-[661px]" data-node-id="I1715:121572;1703:114652">
|
|
|
+ <div className="absolute bottom-[-2.22%] left-0 right-0 top-[-2.22%]">
|
|
|
+ <img alt="" className="block max-w-none size-full" src={img9} />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div className="absolute flex inset-[-5.37%_30.52%_22.94%_66.51%] items-center justify-center">
|
|
|
+ <div className="flex-none h-[61px] rotate-[180deg] scale-y-[-100%] w-[57px]">
|
|
|
+ <div className="relative size-full" data-name="Union" data-node-id="I1715:121572;1703:114654">
|
|
|
+ <img alt="" className="block max-w-none size-full" src={img10} />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div className="absolute content-stretch flex gap-[6px] items-center left-[calc(50%+-831px)] top-1/2 translate-x-[-50%] translate-y-[-50%]" data-node-id="I1715:121572;1703:114655">
|
|
|
+ <IconTime className="overflow-clip relative shrink-0 size-[24px]" />
|
|
|
+ </div>
|
|
|
+ <div className="absolute bottom-[13.48%] contents left-0 right-[65.73%] top-[-5.37%]" data-node-id="I1715:121572;1703:114657">
|
|
|
+ <div className="absolute bottom-[13.48%] left-0 right-[65.73%] top-[-1.32%]" data-name="装饰_左" data-node-id="I1715:121572;1703:114658">
|
|
|
+ <div className="absolute h-[64.5px] left-0 top-0 w-[663px]" data-node-id="I1715:121572;1703:114659">
|
|
|
+ <img alt="" className="block max-w-none size-full" src={img6} />
|
|
|
+ </div>
|
|
|
+ <div className="absolute h-[8px] left-[124.5px] top-[27px] w-[301px]" data-node-id="I1715:121572;1703:114661">
|
|
|
+ <div className="absolute bottom-[-12.5%] left-0 right-0 top-[-12.5%]">
|
|
|
+ <img alt="" className="block max-w-none size-full" src={img7} />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div className="absolute h-0 left-0 top-[22px] w-[162px]" data-node-id="I1715:121572;1703:114663">
|
|
|
+ <div className="absolute bottom-[-1px] left-0 right-0 top-[-1px]">
|
|
|
+ <img alt="" className="block max-w-none size-full" src={img8} />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div className="absolute content-stretch flex gap-[4px] items-start left-[438px] top-[27px]" data-node-id="I1715:121572;1703:114670">
|
|
|
+ <div className="bg-[#a2beff] blur-[0.25px] filter h-[5px] shrink-0 w-[10px]" data-node-id="I1715:121572;1703:114671" />
|
|
|
+ <div className="bg-[#a2beff] blur-[0.25px] filter h-[5px] opacity-80 shrink-0 w-[6px]" data-node-id="I1715:121572;1703:114672" />
|
|
|
+ <div className="bg-[#a2beff] blur-[0.25px] filter opacity-60 shrink-0 size-[5px]" data-node-id="I1715:121572;1703:114673" />
|
|
|
+ <div className="bg-[#a2beff] blur-[0.25px] filter h-[5px] opacity-40 shrink-0 w-[4px]" data-node-id="I1715:121572;1703:114674" />
|
|
|
+ <div className="bg-[#a2beff] blur-[0.25px] filter h-[5px] opacity-20 shrink-0 w-[3px]" data-node-id="I1715:121572;1703:114675" />
|
|
|
+ </div>
|
|
|
+ <div className="absolute h-[22.5px] left-0 top-[42px] w-[661px]" data-node-id="I1715:121572;1703:114676">
|
|
|
+ <div className="absolute bottom-[-2.22%] left-0 right-0 top-[-2.22%]">
|
|
|
+ <img alt="" className="block max-w-none size-full" src={img9} />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div className="absolute inset-[-5.37%_66.15%_22.94%_30.89%]" data-name="Union" data-node-id="I1715:121572;1703:114678">
|
|
|
+ <img alt="" className="block max-w-none size-full" src={img10} />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div className="absolute h-[74px] left-[calc(50%+4px)] top-[calc(50%+-502px)] translate-x-[-50%] translate-y-[-50%] w-[690px]" data-name="标题" data-node-id="I1715:121572;1703:114679">
|
|
|
+ <div className="absolute bottom-[-12.16%] left-[9.13%] right-[9.13%] top-full" data-name="发光边_下模糊掉的" data-node-id="I1715:121572;1703:114680">
|
|
|
+ <div className="absolute inset-[-22.22%_-0.35%]">
|
|
|
+ <img alt="" className="block max-w-none size-full" src={img11} />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div className="absolute bottom-0 left-[0.14%] right-0 top-0" data-name="标题背景" data-node-id="I1715:121572;1703:114681">
|
|
|
+ <div className="absolute inset-[-10.81%_-3.48%_-16.22%_-3.48%]">
|
|
|
+ <img alt="" className="block max-w-none size-full" src={img12} />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <p className="[text-shadow:0px_0px_20px_#041441] absolute bg-clip-text bg-gradient-to-t font-['HarmonyOS_Sans_SC:Regular',sans-serif] from-[#cbced1] inset-[27.03%_36.23%_29.73%_35.94%] leading-[32px] not-italic text-[36px] text-center to-[#ffffff] to-[37.5%] tracking-[3px]" data-node-id="I1715:121572;1703:114682" style={{ WebkitTextFillColor: "transparent" }}>
|
|
|
+ 战 略 部 署
|
|
|
+ </p>
|
|
|
+ <div className="absolute bottom-0 left-[18.55%] right-[18.26%] top-full" data-name="顶部导航" data-node-id="I1715:121572;1703:114683">
|
|
|
+ <div className="absolute bottom-[-2px] left-0 right-0 top-[-2px]">
|
|
|
+ <img alt="" className="block max-w-none size-full" src={img13} />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div className="absolute content-stretch flex gap-[20px] items-center left-1/2 top-[79.5px] translate-x-[-50%]" data-name="中间报表数据" data-node-id="I1715:121572;1709:120424">
|
|
|
+ <div className="content-stretch flex flex-col gap-[16px] items-start relative shrink-0 w-[934.496px]" data-node-id="I1715:121572;1705:119731">
|
|
|
+ <div className="h-[480px] overflow-clip relative shrink-0 w-full" data-name="左侧-资产负债率" data-node-id="I1715:121572;1705:119144">
|
|
|
+ <div className="absolute h-[490px] left-0 overflow-clip top-0 w-[930px]" data-name="底部" data-node-id="I1715:121572;1705:119145">
|
|
|
+ <Component1 className="absolute h-[490px] left-0 overflow-clip top-0 w-[930px]" />
|
|
|
+ </div>
|
|
|
+ <div className="absolute content-stretch flex flex-col gap-[20px] h-[388px] items-start left-[41.4px] top-[79px] w-[847.191px]" data-name="表格" data-node-id="I1715:121572;1705:119147">
|
|
|
+ <div className="content-stretch flex items-start justify-between relative shrink-0 w-[847px]" data-name="顶部" data-node-id="I1715:121572;1705:119148">
|
|
|
+ <div className="content-stretch flex gap-[20px] items-center relative shrink-0 w-[93px]" data-name="111" data-node-id="I1715:121572;1705:119149">
|
|
|
+ <div className="content-stretch flex gap-[10px] h-[26px] items-center relative shrink-0" data-name="资产总额" data-node-id="I1715:121572;1705:119150">
|
|
|
+ <div className="flex items-center justify-center relative shrink-0">
|
|
|
+ <div className="flex-none rotate-[180deg]">
|
|
|
+ <Component3 className="box-border content-stretch flex flex-col items-center pb-[3px] pt-0 px-0 relative size-[14px]" property2="1-1" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div className="flex flex-col font-['PingFang_SC:Regular',sans-serif] justify-center leading-[0] not-italic relative shrink-0 text-[18px] text-white w-[83px]" data-node-id="I1715:121572;1705:119152">
|
|
|
+ <p className="leading-[25.2px] whitespace-pre-wrap">资产总额</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div className="content-stretch flex gap-[20px] h-[26px] items-center relative shrink-0" data-name="资产净额" data-node-id="I1715:121572;1705:119153">
|
|
|
+ <div className="flex items-center justify-center relative shrink-0">
|
|
|
+ <div className="flex-none rotate-[180deg]">
|
|
|
+ <Component3 className="box-border content-stretch flex flex-col h-[10.769px] items-center pb-[3px] pt-0 px-0 relative rounded-[2px] w-[14px]" property2="1-2" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div className="flex flex-col font-['PingFang_SC:Regular',sans-serif] h-[26px] justify-center leading-[0] not-italic relative shrink-0 text-[18px] text-white w-[80px]" data-node-id="I1715:121572;1705:119155">
|
|
|
+ <p className="leading-[25.2px] whitespace-pre-wrap">资产净额</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <p className="font-['PingFang_SC:Regular',sans-serif] leading-[25.2px] not-italic relative shrink-0 text-[14px] text-[rgba(255,255,255,0.8)]" data-node-id="I1715:121572;1705:119156">
|
|
|
+ *数据截止至2025年9月
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ <p className="font-['PingFang_SC:Regular',sans-serif] leading-[25.2px] not-italic relative shrink-0 text-[14px] text-[rgba(255,255,255,0.8)]" data-node-id="I1715:121572;1705:119157">
|
|
|
+ 单位:亿元
|
|
|
+ </p>
|
|
|
+ <div className="grid-cols-[max-content] grid-rows-[max-content] inline-grid justify-items-start leading-[0] relative shrink-0" data-name="表格" data-node-id="I1715:121572;1705:119158">
|
|
|
+ <div className="col-[1] font-['PingFang_SC:Regular',sans-serif] grid-cols-[max-content] grid-rows-[max-content] inline-grid justify-items-start leading-[21.504px] ml-[93px] mt-[calc(50%+125.72px)] not-italic relative row-[1] text-[15px] text-[rgba(255,255,255,0.8)] whitespace-pre-wrap" data-node-id="I1715:121572;1705:119159">
|
|
|
+ <p className="col-[1] ml-0 mt-0 relative row-[1] w-[49.92px]" data-node-id="I1715:121572;1705:119160">
|
|
|
+ 2021年
|
|
|
+ </p>
|
|
|
+ <p className="col-[1] ml-[207.76px] mt-0 relative row-[1] text-right translate-x-[-100%] w-[53.76px]" data-node-id="I1715:121572;1705:119161">
|
|
|
+ 2022年
|
|
|
+ </p>
|
|
|
+ <p className="col-[1] ml-[376.68px] mt-0 relative row-[1] text-right translate-x-[-100%] w-[55.68px]" data-node-id="I1715:121572;1705:119162">
|
|
|
+ 2023年
|
|
|
+ </p>
|
|
|
+ <p className="col-[1] ml-[490px] mt-0 relative row-[1] w-[52.48px]" data-node-id="I1715:121572;1705:119163">
|
|
|
+ 2024年
|
|
|
+ </p>
|
|
|
+ <p className="col-[1] ml-[656px] mt-px relative row-[1] w-[58px]" data-node-id="I1715:121572;1705:119164">
|
|
|
+ 2025年
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ <div className="col-[1] grid-cols-[max-content] grid-rows-[max-content] inline-grid justify-items-start ml-[52px] mt-0 relative row-[1]" data-name="bg" data-node-id="I1715:121572;1705:119165">
|
|
|
+ <div className="col-[1] h-[2px] ml-[0.12px] mt-0 relative row-[1] w-[794.879px]" data-node-id="I1715:121572;1705:119166">
|
|
|
+ <img alt="" className="block max-w-none size-full" src={img14} />
|
|
|
+ </div>
|
|
|
+ <div className="col-[1] h-[2px] ml-0 mt-0 relative row-[1] w-[795px]" data-node-id="I1715:121572;1705:119170">
|
|
|
+ <img alt="" className="block max-w-none size-full" src={img15} />
|
|
|
+ </div>
|
|
|
+ <div className="col-[1] h-[2px] ml-0 mt-0 relative row-[1] w-[795px]" data-node-id="I1715:121572;1705:119174">
|
|
|
+ <img alt="" className="block max-w-none size-full" src={img16} />
|
|
|
+ </div>
|
|
|
+ <div className="col-[1] h-[2px] ml-0 mt-0 relative row-[1] w-[795px]" data-node-id="I1715:121572;1705:119178">
|
|
|
+ <img alt="" className="block max-w-none size-full" src={img17} />
|
|
|
+ </div>
|
|
|
+ <div className="col-[1] h-[2px] ml-0 mt-0 relative row-[1] w-[795px]" data-node-id="I1715:121572;1705:119182">
|
|
|
+ <img alt="" className="block max-w-none size-full" src={img18} />
|
|
|
+ </div>
|
|
|
+ <div className="col-[1] h-[2px] ml-0 mt-0 relative row-[1] w-[795.191px]" data-node-id="I1715:121572;1705:119186">
|
|
|
+ <img alt="" className="block max-w-none size-full" src={img19} />
|
|
|
+ </div>
|
|
|
+ <div className="col-[1] h-[2px] ml-0 mt-0 relative row-[1] w-[795px]" data-node-id="I1715:121572;1705:119190">
|
|
|
+ <img alt="" className="block max-w-none size-full" src={img17} />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div className="box-border col-[1] content-stretch flex items-end justify-between ml-[69px] mt-[3.44px] relative row-[1] w-[753px]" data-node-id="I1715:121572;1705:119194">
|
|
|
+ <div className="content-stretch flex gap-[10px] items-end relative shrink-0" data-name="组合1" data-node-id="I1715:121572;1705:119195">
|
|
|
+ <div className="content-stretch flex flex-col gap-[10px] items-center relative shrink-0 w-[43px]" data-name="1" data-node-id="I1715:121572;1705:119196">
|
|
|
+ <p className="font-['PingFang_SC:Regular',sans-serif] leading-[21.504px] min-w-full not-italic relative shrink-0 text-[13px] text-right text-white w-[min-content] whitespace-pre-wrap" data-node-id="I1715:121572;1705:119197">
|
|
|
+ 200.46
|
|
|
+ </p>
|
|
|
+ <div className="flex items-center justify-center relative shrink-0">
|
|
|
+ <div className="flex-none rotate-[180deg]">
|
|
|
+ <Component3 className="box-border content-stretch flex flex-col h-[90px] items-center pb-[3px] pt-0 px-0 relative w-[35px]" property2="1-1" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div className="content-stretch flex flex-col gap-[10px] items-center relative shrink-0 w-[35px]" data-node-id="I1715:121572;1705:119199">
|
|
|
+ <p className="font-['PingFang_SC:Regular',sans-serif] leading-[21.504px] min-w-full not-italic relative shrink-0 text-[13px] text-right text-white w-[min-content] whitespace-pre-wrap" data-node-id="I1715:121572;1705:119200">
|
|
|
+ 55.40
|
|
|
+ </p>
|
|
|
+ <div className="flex items-center justify-center relative shrink-0">
|
|
|
+ <div className="flex-none rotate-[180deg]">
|
|
|
+ <Component3 className="box-border content-stretch flex flex-col h-[41px] items-center pb-[3px] pt-0 px-0 relative rounded-[2px] w-[35px]" property2="1-2" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div className="content-stretch flex gap-[10px] items-end relative shrink-0" data-name="组合1" data-node-id="I1715:121572;1705:119202">
|
|
|
+ <div className="content-stretch flex flex-col gap-[10px] items-center relative shrink-0 w-[43px]" data-name="1" data-node-id="I1715:121572;1705:119203">
|
|
|
+ <p className="font-['PingFang_SC:Regular',sans-serif] leading-[21.504px] not-italic relative shrink-0 text-[13px] text-center text-white w-[60px] whitespace-pre-wrap" data-node-id="I1715:121572;1705:119204">
|
|
|
+ 243.27
|
|
|
+ </p>
|
|
|
+ <div className="flex items-center justify-center relative shrink-0">
|
|
|
+ <div className="flex-none rotate-[180deg]">
|
|
|
+ <Component3 className="box-border content-stretch flex flex-col h-[100px] items-center pb-[3px] pt-0 px-0 relative w-[35px]" property2="1-1" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div className="content-stretch flex flex-col gap-[10px] items-center relative shrink-0 w-[35px]" data-node-id="I1715:121572;1705:119206">
|
|
|
+ <p className="font-['PingFang_SC:Regular',sans-serif] leading-[21.504px] not-italic relative shrink-0 text-[13px] text-center text-white w-[60px] whitespace-pre-wrap" data-node-id="I1715:121572;1705:119207">
|
|
|
+ 57.49
|
|
|
+ </p>
|
|
|
+ <div className="flex items-center justify-center relative shrink-0">
|
|
|
+ <div className="flex-none rotate-[180deg]">
|
|
|
+ <Component3 className="box-border content-stretch flex flex-col h-[48px] items-center pb-[3px] pt-0 px-0 relative rounded-[2px] w-[35px]" property2="1-2" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div className="content-stretch flex gap-[10px] items-end relative shrink-0" data-name="组合1" data-node-id="I1715:121572;1705:119209">
|
|
|
+ <div className="content-stretch flex flex-col gap-[10px] items-center relative shrink-0 w-[43px]" data-name="1" data-node-id="I1715:121572;1705:119210">
|
|
|
+ <p className="font-['PingFang_SC:Regular',sans-serif] leading-[21.504px] not-italic relative shrink-0 text-[13px] text-center text-white w-[60px] whitespace-pre-wrap" data-node-id="I1715:121572;1705:119211">
|
|
|
+ 509.08
|
|
|
+ </p>
|
|
|
+ <div className="flex items-center justify-center relative shrink-0">
|
|
|
+ <div className="flex-none rotate-[180deg]">
|
|
|
+ <Component3 className="box-border content-stretch flex flex-col h-[145px] items-center pb-[3px] pt-0 px-0 relative w-[35px]" property2="1-1" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div className="content-stretch flex flex-col gap-[10px] items-center relative shrink-0 w-[35px]" data-node-id="I1715:121572;1705:119213">
|
|
|
+ <p className="font-['PingFang_SC:Regular',sans-serif] leading-[21.504px] not-italic relative shrink-0 text-[13px] text-center text-white w-[60px] whitespace-pre-wrap" data-node-id="I1715:121572;1705:119214">
|
|
|
+ 247.29
|
|
|
+ </p>
|
|
|
+ <div className="flex items-center justify-center relative shrink-0">
|
|
|
+ <div className="flex-none rotate-[180deg]">
|
|
|
+ <Component3 className="box-border content-stretch flex flex-col h-[92px] items-center pb-[3px] pt-0 px-0 relative rounded-[2px] w-[35px]" property2="1-2" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div className="content-stretch flex gap-[10px] items-end relative shrink-0" data-name="组合1" data-node-id="I1715:121572;1705:119216">
|
|
|
+ <div className="content-stretch flex flex-col gap-[10px] items-center relative shrink-0 w-[43px]" data-name="1" data-node-id="I1715:121572;1705:119217">
|
|
|
+ <p className="font-['PingFang_SC:Regular',sans-serif] leading-[21.504px] not-italic relative shrink-0 text-[13px] text-center text-white w-[60px] whitespace-pre-wrap" data-node-id="I1715:121572;1705:119218">
|
|
|
+ 772.66
|
|
|
+ </p>
|
|
|
+ <div className="flex items-center justify-center relative shrink-0">
|
|
|
+ <div className="flex-none rotate-[180deg]">
|
|
|
+ <Component3 className="box-border content-stretch flex flex-col h-[197px] items-center pb-[3px] pt-0 px-0 relative w-[35px]" property2="1-1" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div className="content-stretch flex flex-col gap-[10px] items-center relative shrink-0 w-[35px]" data-node-id="I1715:121572;1705:119220">
|
|
|
+ <p className="font-['PingFang_SC:Regular',sans-serif] leading-[21.504px] not-italic relative shrink-0 text-[13px] text-center text-white w-[60px] whitespace-pre-wrap" data-node-id="I1715:121572;1705:119221">
|
|
|
+ 407.68
|
|
|
+ </p>
|
|
|
+ <div className="flex items-center justify-center relative shrink-0">
|
|
|
+ <div className="flex-none rotate-[180deg]">
|
|
|
+ <Component3 className="box-border content-stretch flex flex-col h-[125px] items-center pb-[3px] pt-0 px-0 relative rounded-[2px] w-[35px]" property2="1-2" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div className="content-stretch flex gap-[10px] items-end relative shrink-0" data-name="组合1" data-node-id="I1715:121572;1705:119223">
|
|
|
+ <div className="content-stretch flex flex-col gap-[10px] items-center relative shrink-0 w-[43px]" data-name="1" data-node-id="I1715:121572;1705:119224">
|
|
|
+ <p className="font-['PingFang_SC:Regular',sans-serif] leading-[21.504px] not-italic relative shrink-0 text-[13px] text-center text-white w-[60px] whitespace-pre-wrap" data-node-id="I1715:121572;1705:119225">
|
|
|
+ 840.12
|
|
|
+ </p>
|
|
|
+ <div className="flex items-center justify-center relative shrink-0">
|
|
|
+ <div className="flex-none rotate-[180deg]">
|
|
|
+ <Component3 className="box-border content-stretch flex flex-col h-[224px] items-center pb-[3px] pt-0 px-0 relative w-[35px]" property2="1-1" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div className="content-stretch flex flex-col gap-[10px] items-center relative shrink-0 w-[35px]" data-node-id="I1715:121572;1705:119227">
|
|
|
+ <p className="font-['PingFang_SC:Regular',sans-serif] leading-[21.504px] not-italic relative shrink-0 text-[13px] text-center text-white w-[60px] whitespace-pre-wrap" data-node-id="I1715:121572;1705:119228">
|
|
|
+ 421.55
|
|
|
+ </p>
|
|
|
+ <div className="flex items-center justify-center relative shrink-0">
|
|
|
+ <div className="flex-none rotate-[180deg]">
|
|
|
+ <Component3 className="box-border content-stretch flex flex-col h-[135px] items-center pb-[3px] pt-0 px-0 relative rounded-[2px] w-[35px]" property2="1-2" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div className="col-[1] font-['PingFang_SC:Regular',sans-serif] grid-cols-[max-content] grid-rows-[max-content] inline-grid justify-items-start leading-[21.504px] ml-0 mt-[calc(50%+-148.72px)] not-italic relative row-[1] text-[15px] text-[rgba(255,255,255,0.6)] whitespace-pre-wrap" data-name="数字" data-node-id="I1715:121572;1705:119230">
|
|
|
+ <p className="col-[1] ml-[18.56px] mt-[247px] relative row-[1] text-center translate-x-[-50%] w-[37.12px]" data-node-id="I1715:121572;1705:119231">
|
|
|
+ 0
|
|
|
+ </p>
|
|
|
+ <p className="col-[1] ml-[18.56px] mt-[205px] relative row-[1] text-center translate-x-[-50%] w-[37.12px]" data-node-id="I1715:121572;1705:119232">
|
|
|
+ 100
|
|
|
+ </p>
|
|
|
+ <p className="col-[1] ml-[18.56px] mt-[168px] relative row-[1] text-center translate-x-[-50%] w-[37.12px]" data-node-id="I1715:121572;1705:119233">
|
|
|
+ 200
|
|
|
+ </p>
|
|
|
+ <p className="col-[1] ml-[18.56px] mt-[126px] relative row-[1] text-center translate-x-[-50%] w-[37.12px]" data-node-id="I1715:121572;1705:119234">
|
|
|
+ 400
|
|
|
+ </p>
|
|
|
+ <p className="col-[1] ml-[18.56px] mt-[84px] relative row-[1] text-center translate-x-[-50%] w-[37.12px]" data-node-id="I1715:121572;1705:119235">
|
|
|
+ 600
|
|
|
+ </p>
|
|
|
+ <p className="col-[1] ml-[18.56px] mt-[42px] relative row-[1] text-center translate-x-[-50%] w-[37.12px]" data-node-id="I1715:121572;1705:119236">
|
|
|
+ 800
|
|
|
+ </p>
|
|
|
+ <p className="col-[1] ml-0 mt-0 relative row-[1] w-[37.12px]" data-node-id="I1715:121572;1705:119237">
|
|
|
+ 1000
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <Component2 className="absolute h-[38px] left-0 top-0 w-[594.001px]" />
|
|
|
+ <Component className="absolute h-[38px] left-0 overflow-clip top-0 w-[594px]" />
|
|
|
+ </div>
|
|
|
+ <div className="h-[480px] overflow-clip relative shrink-0 w-full" data-name="左侧-收入" data-node-id="I1715:121572;1705:119355">
|
|
|
+ <div className="absolute h-[490px] left-0 overflow-clip top-0 w-[930px]" data-name="底部" data-node-id="I1715:121572;1705:119356">
|
|
|
+ <Component1 className="absolute h-[490px] left-0 overflow-clip top-0 w-[930px]" />
|
|
|
+ </div>
|
|
|
+ <div className="absolute content-stretch flex flex-col gap-[10px] h-[399.296px] items-start left-[calc(50%+-0.25px)] top-[calc(50%+17.65px)] translate-x-[-50%] translate-y-[-50%] w-[847.001px]" data-name="表格" data-node-id="I1715:121572;1705:119566">
|
|
|
+ <div className="content-stretch flex items-center justify-between relative shrink-0 w-full" data-name="顶部" data-node-id="I1715:121572;1705:119567">
|
|
|
+ <div className="content-stretch flex gap-[20px] items-end relative shrink-0" data-name="数据1" data-node-id="I1715:121572;1705:119568">
|
|
|
+ <Component3 className="box-border content-stretch flex flex-col h-[25px] items-center pb-[3px] pt-0 px-0 relative shrink-0 w-[15px]" />
|
|
|
+ <p className="font-['PingFang_SC:Regular',sans-serif] leading-[25.2px] not-italic relative shrink-0 text-[18px] text-white" data-node-id="I1715:121572;1705:119570">
|
|
|
+ 收入
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ <p className="font-['PingFang_SC:Regular',sans-serif] leading-[25.2px] not-italic relative shrink-0 text-[14px] text-[rgba(255,255,255,0.8)] w-[156px] whitespace-pre-wrap" data-node-id="I1715:121572;1705:119571">
|
|
|
+ *数据截止至2025年9月
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ <p className="font-['PingFang_SC:Regular',sans-serif] h-[26px] leading-[25.2px] not-italic relative shrink-0 text-[14px] text-[rgba(255,255,255,0.8)] w-full whitespace-pre-wrap" data-node-id="I1715:121572;1705:119572">
|
|
|
+ 单位:亿元
|
|
|
+ </p>
|
|
|
+ <div className="grid-cols-[max-content] grid-rows-[max-content] inline-grid justify-items-start leading-[0] relative shrink-0" data-name="数据2222" data-node-id="I1715:121572;1705:119573">
|
|
|
+ <div className="col-[1] grid-cols-[max-content] grid-rows-[max-content] inline-grid justify-items-start ml-0 mt-[37px] relative row-[1]" data-name="模块2" data-node-id="I1715:121572;1705:119574">
|
|
|
+ <div className="col-[1] grid-cols-[max-content] grid-rows-[max-content] inline-grid justify-items-start ml-[50.05px] mt-0 relative row-[1]" data-name="数据图" data-node-id="I1715:121572;1705:119575">
|
|
|
+ <div className="col-[1] grid-cols-[max-content] grid-rows-[max-content] inline-grid justify-items-start leading-[0] ml-0 mt-0 relative row-[1]" data-name="bg" data-node-id="I1715:121572;1705:119576">
|
|
|
+ <div className="col-[1] h-[2px] ml-[0.11px] mt-0 relative row-[1] w-[726.403px]" data-node-id="I1715:121572;1705:119577">
|
|
|
+ <img alt="" className="block max-w-none size-full" src={img20} />
|
|
|
+ </div>
|
|
|
+ <div className="col-[1] h-[2px] ml-0 mt-0 relative row-[1] w-[726.512px]" data-node-id="I1715:121572;1705:119581">
|
|
|
+ <img alt="" className="block max-w-none size-full" src={img21} />
|
|
|
+ </div>
|
|
|
+ <div className="col-[1] h-[2px] ml-0 mt-0 relative row-[1] w-[726.512px]" data-node-id="I1715:121572;1705:119585">
|
|
|
+ <img alt="" className="block max-w-none size-full" src={img21} />
|
|
|
+ </div>
|
|
|
+ <div className="col-[1] h-[2px] ml-0 mt-0 relative row-[1] w-[726.512px]" data-node-id="I1715:121572;1705:119589">
|
|
|
+ <img alt="" className="block max-w-none size-full" src={img21} />
|
|
|
+ </div>
|
|
|
+ <div className="col-[1] h-[2px] ml-0 mt-0 relative row-[1] w-[726.512px]" data-node-id="I1715:121572;1705:119593">
|
|
|
+ <img alt="" className="block max-w-none size-full" src={img21} />
|
|
|
+ </div>
|
|
|
+ <div className="col-[1] h-[2px] ml-0 mt-0 relative row-[1] w-[726.686px]" data-node-id="I1715:121572;1705:119597">
|
|
|
+ <img alt="" className="block max-w-none size-full" src={img22} />
|
|
|
+ </div>
|
|
|
+ <div className="col-[1] h-[2px] ml-0 mt-0 relative row-[1] w-[726.512px]" data-node-id="I1715:121572;1705:119601">
|
|
|
+ <img alt="" className="block max-w-none size-full" src={img23} />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div className="col-[1] font-['PingFang_SC:Regular',sans-serif] grid-cols-[max-content] grid-rows-[max-content] inline-grid justify-items-start leading-[21.504px] ml-0 mt-[calc(50%+-136.78px)] not-italic relative row-[1] text-[15px] text-[rgba(255,255,255,0.9)] whitespace-pre-wrap" data-name="数字" data-node-id="I1715:121572;1705:119605">
|
|
|
+ <p className="col-[1] ml-[17.86px] mt-[253.56px] relative row-[1] text-center translate-x-[-50%] w-[35.728px]" data-node-id="I1715:121572;1705:119606">
|
|
|
+ 0
|
|
|
+ </p>
|
|
|
+ <p className="col-[1] ml-[17.86px] mt-[207px] relative row-[1] text-center translate-x-[-50%] w-[35.728px]" data-node-id="I1715:121572;1705:119607">
|
|
|
+ 100
|
|
|
+ </p>
|
|
|
+ <p className="col-[1] ml-[17.86px] mt-[167px] relative row-[1] text-center translate-x-[-50%] w-[35.728px]" data-node-id="I1715:121572;1705:119608">
|
|
|
+ 200
|
|
|
+ </p>
|
|
|
+ <p className="col-[1] ml-[17.86px] mt-[125px] relative row-[1] text-center translate-x-[-50%] w-[35.728px]" data-node-id="I1715:121572;1705:119609">
|
|
|
+ 300
|
|
|
+ </p>
|
|
|
+ <p className="col-[1] ml-[17.86px] mt-[85px] relative row-[1] text-center translate-x-[-50%] w-[35.728px]" data-node-id="I1715:121572;1705:119610">
|
|
|
+ 400
|
|
|
+ </p>
|
|
|
+ <p className="col-[1] ml-[4.81px] mt-[41px] relative row-[1] w-[35.728px]" data-node-id="I1715:121572;1705:119611">
|
|
|
+ 500
|
|
|
+ </p>
|
|
|
+ <p className="col-[1] ml-[4.81px] mt-0 relative row-[1] w-[35.728px]" data-node-id="I1715:121572;1705:119612">
|
|
|
+ 600
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ <div className="col-[1] font-['PingFang_SC:Regular',sans-serif] grid-cols-[max-content] grid-rows-[max-content] inline-grid justify-items-start leading-[21.504px] ml-[791.17px] mt-[calc(50%+-138.78px)] not-italic relative row-[1] text-[15px] text-white whitespace-pre-wrap" data-name="百分比" data-node-id="I1715:121572;1705:119613">
|
|
|
+ <p className="col-[1] ml-[17.86px] mt-[255.56px] relative row-[1] text-center translate-x-[-50%] w-[35.728px]" data-node-id="I1715:121572;1705:119614">
|
|
|
+ 0
|
|
|
+ </p>
|
|
|
+ <p className="col-[1] ml-[17.86px] mt-[212px] relative row-[1] text-center translate-x-[-50%] w-[35.728px]" data-node-id="I1715:121572;1705:119615">
|
|
|
+ 10%
|
|
|
+ </p>
|
|
|
+ <p className="col-[1] ml-[17.86px] mt-[171px] relative row-[1] text-center translate-x-[-50%] w-[35.728px]" data-node-id="I1715:121572;1705:119616">
|
|
|
+ 20%
|
|
|
+ </p>
|
|
|
+ <p className="col-[1] ml-[17.86px] mt-[129px] relative row-[1] text-center translate-x-[-50%] w-[35.728px]" data-node-id="I1715:121572;1705:119617">
|
|
|
+ 40%
|
|
|
+ </p>
|
|
|
+ <p className="col-[1] ml-[17.86px] mt-[85px] relative row-[1] text-center translate-x-[-50%] w-[35.728px]" data-node-id="I1715:121572;1705:119618">
|
|
|
+ 60%
|
|
|
+ </p>
|
|
|
+ <p className="col-[1] ml-[4.81px] mt-[42px] relative row-[1] w-[35.728px]" data-node-id="I1715:121572;1705:119619">
|
|
|
+ 80%
|
|
|
+ </p>
|
|
|
+ <p className="col-[1] ml-[4.81px] mt-0 relative row-[1] w-[51.013px]" data-node-id="I1715:121572;1705:119620">
|
|
|
+ 100%
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div className="box-border col-[1] content-stretch flex items-end justify-between ml-[63.5px] mt-0 relative row-[1] w-[699px]" data-name="数据222" data-node-id="I1715:121572;1705:119621">
|
|
|
+ <div className="content-stretch flex flex-col gap-[16px] items-center relative shrink-0" data-name="组合1" data-node-id="I1715:121572;1705:119622">
|
|
|
+ <div className="content-stretch flex flex-col gap-[10px] items-center relative shrink-0" data-node-id="I1715:121572;1705:119623">
|
|
|
+ <Component7 className="box-border content-stretch flex flex-col items-center justify-end relative shadow-[0px_2px_3px_0px_rgba(0,0,0,0.25)] shrink-0" />
|
|
|
+ <div className="flex items-center justify-center relative shrink-0">
|
|
|
+ <div className="flex-none scale-y-[-100%]">
|
|
|
+ <Component3 className="box-border content-stretch flex flex-col h-[64px] items-center pb-[3px] pt-0 px-0 relative w-[80px]" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div className="flex flex-col font-['PingFang_SC:Regular',sans-serif] justify-center leading-[0] not-italic relative shrink-0 text-[16px] text-[rgba(255,255,255,0.8)] text-center whitespace-nowrap" data-node-id="I1715:121572;1705:119626">
|
|
|
+ <p className="leading-[21.504px]">2021年</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div className="content-stretch flex flex-col gap-[16px] items-center relative shrink-0" data-name="组合2" data-node-id="I1715:121572;1705:119627">
|
|
|
+ <div className="content-stretch flex flex-col gap-[10px] items-center relative shrink-0" data-node-id="I1715:121572;1705:119628">
|
|
|
+ <Component7 className="box-border content-stretch flex flex-col items-center justify-end relative shadow-[0px_2px_3px_0px_rgba(0,0,0,0.25)] shrink-0" />
|
|
|
+ <div className="flex items-center justify-center relative shrink-0">
|
|
|
+ <div className="flex-none scale-y-[-100%]">
|
|
|
+ <Component3 className="box-border content-stretch flex flex-col h-[103px] items-center pb-[3px] pt-0 px-0 relative w-[80px]" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div className="flex flex-col font-['PingFang_SC:Regular',sans-serif] justify-center leading-[0] not-italic relative shrink-0 text-[16px] text-[rgba(255,255,255,0.8)] text-center whitespace-nowrap" data-node-id="I1715:121572;1705:119631">
|
|
|
+ <p className="leading-[21.504px]">2022年</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div className="content-stretch flex flex-col gap-[16px] items-center relative shrink-0" data-name="组合1" data-node-id="I1715:121572;1705:119632">
|
|
|
+ <div className="content-stretch flex flex-col gap-[10px] items-center relative shrink-0" data-node-id="I1715:121572;1705:119633">
|
|
|
+ <Component7 className="box-border content-stretch flex flex-col items-center justify-end relative shadow-[0px_2px_3px_0px_rgba(0,0,0,0.25)] shrink-0" />
|
|
|
+ <div className="flex items-center justify-center relative shrink-0">
|
|
|
+ <div className="flex-none scale-y-[-100%]">
|
|
|
+ <Component3 className="box-border content-stretch flex flex-col h-[149px] items-center pb-[3px] pt-0 px-0 relative w-[80px]" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div className="flex flex-col font-['PingFang_SC:Regular',sans-serif] justify-center leading-[0] not-italic relative shrink-0 text-[16px] text-[rgba(255,255,255,0.8)] text-center whitespace-nowrap" data-node-id="I1715:121572;1705:119636">
|
|
|
+ <p className="leading-[21.504px]">2023年</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div className="content-stretch flex flex-col gap-[16px] items-center relative shrink-0" data-name="组合2" data-node-id="I1715:121572;1705:119637">
|
|
|
+ <div className="content-stretch flex flex-col gap-[10px] items-center relative shrink-0" data-node-id="I1715:121572;1705:119638">
|
|
|
+ <Component7 className="box-border content-stretch flex flex-col items-center justify-end relative shadow-[0px_2px_3px_0px_rgba(0,0,0,0.25)] shrink-0" />
|
|
|
+ <div className="flex items-center justify-center relative shrink-0">
|
|
|
+ <div className="flex-none scale-y-[-100%]">
|
|
|
+ <Component3 className="box-border content-stretch flex flex-col h-[254px] items-center pb-[3px] pt-0 px-0 relative w-[80px]" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div className="flex flex-col font-['PingFang_SC:Regular',sans-serif] justify-center leading-[0] not-italic relative shrink-0 text-[16px] text-[rgba(255,255,255,0.8)] text-center whitespace-nowrap" data-node-id="I1715:121572;1705:119641">
|
|
|
+ <p className="leading-[21.504px]">2024年</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div className="content-stretch flex flex-col gap-[16px] items-center relative shrink-0" data-name="组合2" data-node-id="I1715:121572;1705:119642">
|
|
|
+ <div className="content-stretch flex flex-col gap-[10px] items-center relative shrink-0" data-node-id="I1715:121572;1705:119643">
|
|
|
+ <Component7 className="box-border content-stretch flex flex-col items-center justify-end relative shadow-[0px_2px_3px_0px_rgba(0,0,0,0.25)] shrink-0" />
|
|
|
+ <div className="flex items-center justify-center relative shrink-0">
|
|
|
+ <div className="flex-none scale-y-[-100%]">
|
|
|
+ <Component3 className="box-border content-stretch flex flex-col h-[212px] items-center pb-[3px] pt-0 px-0 relative w-[80px]" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div className="flex flex-col font-['PingFang_SC:Regular',sans-serif] justify-center leading-[0] not-italic relative shrink-0 text-[16px] text-[rgba(255,255,255,0.8)] text-center whitespace-nowrap" data-node-id="I1715:121572;1705:119646">
|
|
|
+ <p className="leading-[21.504px]">2025年</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <Component className="absolute h-[38px] left-[calc(50%+-0.25px)] overflow-clip top-0 translate-x-[-50%] w-[594px]" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div className="content-stretch flex flex-col gap-[16px] items-start relative shrink-0 w-[934.496px]" data-node-id="I1715:121572;1709:120058">
|
|
|
+ <div className="h-[480px] overflow-clip relative shrink-0 w-full" data-name="左侧-资产负债率" data-node-id="I1715:121572;1709:120059">
|
|
|
+ <div className="absolute h-[490px] left-0 overflow-clip top-0 w-[930px]" data-name="底部" data-node-id="I1715:121572;1709:120060">
|
|
|
+ <Component1 className="absolute h-[490px] left-0 overflow-clip top-0 w-[930px]" />
|
|
|
+ </div>
|
|
|
+ <div className="absolute content-stretch flex flex-col gap-[20px] h-[388px] items-start left-[41.4px] top-[79px] w-[847.191px]" data-name="表格" data-node-id="I1715:121572;1709:120062">
|
|
|
+ <div className="content-stretch flex items-start justify-between relative shrink-0 w-[847px]" data-name="顶部" data-node-id="I1715:121572;1709:120063">
|
|
|
+ <div className="content-stretch flex gap-[20px] items-center relative shrink-0" data-name="111" data-node-id="I1715:121572;1709:120064">
|
|
|
+ <div className="content-stretch flex gap-[10px] h-[26px] items-center relative shrink-0" data-name="资产总额" data-node-id="I1715:121572;1709:120065">
|
|
|
+ <div className="flex items-center justify-center relative shrink-0">
|
|
|
+ <div className="flex-none rotate-[180deg]">
|
|
|
+ <Component3 className="box-border content-stretch flex flex-col items-center pb-[3px] pt-0 px-0 relative size-[14px]" property2="2-4" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div className="flex flex-col font-['PingFang_SC:Regular',sans-serif] justify-center leading-[0] not-italic relative shrink-0 text-[18px] text-white w-[83px]" data-node-id="I1715:121572;1709:120067">
|
|
|
+ <p className="leading-[25.2px] whitespace-pre-wrap">利润总额</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div className="content-stretch flex gap-[20px] h-[26px] items-center relative shrink-0" data-name="资产净额" data-node-id="I1715:121572;1709:120068">
|
|
|
+ <div className="flex items-center justify-center relative shrink-0">
|
|
|
+ <div className="flex-none rotate-[180deg]">
|
|
|
+ <Component3 className="box-border content-stretch flex flex-col items-center pb-[3px] pt-0 px-0 relative size-[14px]" property2="2-3" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div className="flex flex-col font-['PingFang_SC:Regular',sans-serif] h-[26px] justify-center leading-[0] not-italic relative shrink-0 text-[18px] text-white w-[80px]" data-node-id="I1715:121572;1709:120070">
|
|
|
+ <p className="leading-[25.2px] whitespace-pre-wrap">净利润</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <p className="font-['PingFang_SC:Regular',sans-serif] leading-[25.2px] not-italic relative shrink-0 text-[14px] text-[rgba(255,255,255,0.8)]" data-node-id="I1715:121572;1709:120071">
|
|
|
+ *数据截止至2025年9月
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ <p className="font-['PingFang_SC:Regular',sans-serif] leading-[25.2px] not-italic relative shrink-0 text-[14px] text-[rgba(255,255,255,0.8)]" data-node-id="I1715:121572;1709:120072">
|
|
|
+ 单位:亿元
|
|
|
+ </p>
|
|
|
+ <div className="grid-cols-[max-content] grid-rows-[max-content] inline-grid justify-items-start leading-[0] relative shrink-0" data-name="表格" data-node-id="I1715:121572;1709:120682">
|
|
|
+ <div className="col-[1] grid-cols-[max-content] grid-rows-[max-content] inline-grid justify-items-start ml-0 mt-0 relative row-[1]" data-name="模块3" data-node-id="I1715:121572;1709:120683">
|
|
|
+ <div className="col-[1] grid-cols-[max-content] grid-rows-[max-content] inline-grid justify-items-start ml-[45px] mt-0 relative row-[1]" data-name="线条" data-node-id="I1715:121572;1709:120684">
|
|
|
+ <div className="col-[1] h-[1.637px] ml-[0.28px] mt-0 relative row-[1] w-[793.719px]" data-node-id="I1715:121572;1709:120685">
|
|
|
+ <div className="absolute bottom-[-11.07%] left-0 right-0 top-[-11.07%]">
|
|
|
+ <img alt="" className="block max-w-none size-full" src={img24} />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div className="col-[1] h-[1.637px] ml-[0.28px] mt-0 relative row-[1] w-[793.719px]" data-node-id="I1715:121572;1709:120689">
|
|
|
+ <div className="absolute bottom-[-11.07%] left-0 right-0 top-[-11.07%]">
|
|
|
+ <img alt="" className="block max-w-none size-full" src={img25} />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div className="col-[1] h-[1.637px] ml-[0.28px] mt-0 relative row-[1] w-[793.719px]" data-node-id="I1715:121572;1709:120693">
|
|
|
+ <div className="absolute bottom-[-11.06%] left-0 right-0 top-[-11.08%]">
|
|
|
+ <img alt="" className="block max-w-none size-full" src={img26} />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div className="col-[1] h-[1.637px] ml-0 mt-0 relative row-[1] w-[795px]" data-node-id="I1715:121572;1709:120697">
|
|
|
+ <div className="absolute bottom-[-11.06%] left-0 right-0 top-[-11.08%]">
|
|
|
+ <img alt="" className="block max-w-none size-full" src={img27} />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div className="col-[1] h-[1.637px] ml-[0.28px] mt-0 relative row-[1] w-[794.719px]" data-node-id="I1715:121572;1709:120701">
|
|
|
+ <div className="absolute bottom-[-11.08%] left-0 right-0 top-[-11.06%]">
|
|
|
+ <img alt="" className="block max-w-none size-full" src={img28} />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div className="col-[1] h-[1.637px] ml-[0.28px] mt-0 relative row-[1] w-[794.418px]" data-node-id="I1715:121572;1709:120705">
|
|
|
+ <div className="absolute bottom-[-11.07%] left-0 right-0 top-[-11.06%]">
|
|
|
+ <img alt="" className="block max-w-none size-full" src={img29} />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div className="col-[1] h-[1.637px] ml-[0.28px] mt-0 relative row-[1] w-[794.418px]" data-node-id="I1715:121572;1709:120709">
|
|
|
+ <div className="absolute bottom-[-11.07%] left-0 right-0 top-[-11.07%]">
|
|
|
+ <img alt="" className="block max-w-none size-full" src={img30} />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div className="col-[1] h-[1.637px] ml-[0.28px] mt-0 relative row-[1] w-[794.418px]" data-node-id="I1715:121572;1709:120713">
|
|
|
+ <div className="absolute bottom-[-11.06%] left-0 right-0 top-[-11.07%]">
|
|
|
+ <img alt="" className="block max-w-none size-full" src={img31} />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div className="col-[1] h-[1.637px] ml-[0.28px] mt-0 relative row-[1] w-[794.418px]" data-node-id="I1715:121572;1709:120717">
|
|
|
+ <div className="absolute bottom-[-11.06%] left-0 right-0 top-[-11.08%]">
|
|
|
+ <img alt="" className="block max-w-none size-full" src={img32} />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div className="col-[1] font-['PingFang_SC:Regular',sans-serif] grid-cols-[max-content] grid-rows-[max-content] inline-grid justify-items-start leading-[21.504px] ml-0 mt-[calc(50%+-130px)] not-italic relative row-[1] text-[15px] text-center text-white whitespace-pre-wrap" data-name="数字" data-node-id="I1715:121572;1709:120721">
|
|
|
+ <p className="col-[1] h-[18.012px] ml-[18.56px] mt-[211.69px] relative row-[1] translate-x-[-50%] w-[37.12px]" data-node-id="I1715:121572;1709:120722">
|
|
|
+ -1
|
|
|
+ </p>
|
|
|
+ <p className="col-[1] h-[18.012px] ml-[18.56px] mt-[241.99px] relative row-[1] translate-x-[-50%] w-[37.12px]" data-node-id="I1715:121572;1709:120723">
|
|
|
+ -2
|
|
|
+ </p>
|
|
|
+ <p className="col-[1] h-[18.012px] ml-[18.56px] mt-[181.4px] relative row-[1] translate-x-[-50%] w-[37.12px]" data-node-id="I1715:121572;1709:120724">
|
|
|
+ 0
|
|
|
+ </p>
|
|
|
+ <p className="col-[1] h-[18.012px] ml-[18.56px] mt-[151.11px] relative row-[1] translate-x-[-50%] w-[37.12px]" data-node-id="I1715:121572;1709:120725">
|
|
|
+ 0.25
|
|
|
+ </p>
|
|
|
+ <p className="col-[1] h-[18.012px] ml-[18.56px] mt-[120.81px] relative row-[1] translate-x-[-50%] w-[37.12px]" data-node-id="I1715:121572;1709:120726">
|
|
|
+ 0.5
|
|
|
+ </p>
|
|
|
+ <p className="col-[1] h-[18.012px] ml-[18.56px] mt-[90.52px] relative row-[1] translate-x-[-50%] w-[37.12px]" data-node-id="I1715:121572;1709:120727">
|
|
|
+ 0.75
|
|
|
+ </p>
|
|
|
+ <p className="col-[1] h-[18.012px] ml-[18.84px] mt-[60.23px] relative row-[1] translate-x-[-50%] w-[37.12px]" data-node-id="I1715:121572;1709:120728">
|
|
|
+ 1
|
|
|
+ </p>
|
|
|
+ <p className="col-[1] h-[18.012px] ml-[18.84px] mt-[29.93px] relative row-[1] translate-x-[-50%] w-[37.12px]" data-node-id="I1715:121572;1709:120729">
|
|
|
+ 1.5
|
|
|
+ </p>
|
|
|
+ <p className="col-[1] h-[18.012px] ml-[17.78px] mt-0 relative row-[1] translate-x-[-50%] w-[35px]" data-node-id="I1715:121572;1709:120730">
|
|
|
+ 2
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div className="box-border col-[1] content-stretch flex gap-[40px] items-end ml-[79.55px] mt-[11.01px] relative row-[1] w-[711px]" data-name="数据" data-node-id="I1715:121572;1709:120731">
|
|
|
+ <div className="content-stretch flex flex-col gap-[10px] items-center justify-end relative shrink-0" data-node-id="I1715:121572;1709:120732">
|
|
|
+ <div className="content-stretch flex gap-[10px] h-[100px] items-start relative shrink-0" data-name="组合1" data-node-id="I1715:121572;1709:120733">
|
|
|
+ <div className="content-stretch flex flex-col gap-[10px] items-start relative shrink-0" data-name="1" data-node-id="I1715:121572;1709:120734">
|
|
|
+ <div className="flex flex-col font-['PingFang_SC:Medium',sans-serif] justify-center leading-[0] min-w-full not-italic relative shrink-0 text-[15px] text-center text-white w-[min-content]" data-node-id="I1715:121572;1709:120735">
|
|
|
+ <p className="leading-[21.504px] whitespace-pre-wrap">-1.5</p>
|
|
|
+ </div>
|
|
|
+ <div className="flex items-center justify-center relative shrink-0">
|
|
|
+ <div className="flex-none rotate-[180deg] scale-y-[-100%]">
|
|
|
+ <Component3 className="box-border content-stretch flex flex-col h-[44px] items-center pb-[3px] pt-0 px-0 relative w-[50px]" property2="2-4" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div className="content-stretch flex flex-col gap-[10px] items-start justify-center relative shrink-0" data-name="2" data-node-id="I1715:121572;1709:120737">
|
|
|
+ <div className="flex flex-col font-['PingFang_SC:Medium',sans-serif] justify-center leading-[0] min-w-full not-italic relative shrink-0 text-[15px] text-center text-white w-[min-content]" data-node-id="I1715:121572;1709:120738">
|
|
|
+ <p className="leading-[21.504px] whitespace-pre-wrap">-1.7</p>
|
|
|
+ </div>
|
|
|
+ <div className="flex items-center justify-center relative shrink-0">
|
|
|
+ <div className="flex-none rotate-[180deg] scale-y-[-100%]">
|
|
|
+ <Component3 className="box-border content-stretch flex flex-col h-[51px] items-center pb-[3px] pt-0 px-0 relative w-[50px]" property2="2-3" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div className="flex flex-col font-['PingFang_SC:Regular',sans-serif] justify-center leading-[0] not-italic relative shrink-0 text-[16px] text-[rgba(255,255,255,0.8)] text-center whitespace-nowrap" data-node-id="I1715:121572;1709:120740">
|
|
|
+ <p className="leading-[21.504px]">2021年</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div className="content-stretch flex gap-[40px] items-center relative shrink-0" data-node-id="I1715:121572;1709:120741">
|
|
|
+ <div className="content-stretch flex flex-col gap-[78px] items-center justify-end relative shrink-0 w-[110px]" data-node-id="I1715:121572;1709:120742">
|
|
|
+ <div className="content-stretch flex gap-[10px] h-[180px] items-end relative shrink-0" data-name="组合1" data-node-id="I1715:121572;1709:120743">
|
|
|
+ <div className="content-stretch flex flex-col gap-[10px] items-start relative shrink-0" data-name="1" data-node-id="I1715:121572;1709:120744">
|
|
|
+ <div className="flex flex-col font-['PingFang_SC:Medium',sans-serif] justify-center leading-[0] min-w-full not-italic relative shrink-0 text-[15px] text-center text-white w-[min-content]" data-node-id="I1715:121572;1709:120745">
|
|
|
+ <p className="leading-[21.504px] whitespace-pre-wrap">0.8</p>
|
|
|
+ </div>
|
|
|
+ <div className="flex items-center justify-center relative shrink-0">
|
|
|
+ <div className="flex-none rotate-[180deg]">
|
|
|
+ <Component3 className="box-border content-stretch flex flex-col h-[110px] items-center pb-[3px] pt-0 px-0 relative w-[50px]" property2="2-4" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div className="content-stretch flex flex-col gap-[10px] items-start justify-center relative shrink-0" data-name="2" data-node-id="I1715:121572;1709:120747">
|
|
|
+ <div className="flex flex-col font-['PingFang_SC:Medium',sans-serif] justify-center leading-[0] min-w-full not-italic relative shrink-0 text-[15px] text-center text-white w-[min-content]" data-node-id="I1715:121572;1709:120748">
|
|
|
+ <p className="leading-[21.504px] whitespace-pre-wrap">0.59</p>
|
|
|
+ </div>
|
|
|
+ <div className="flex items-center justify-center relative shrink-0">
|
|
|
+ <div className="flex-none rotate-[180deg]">
|
|
|
+ <Component3 className="box-border content-stretch flex flex-col h-[73px] items-center pb-[3px] pt-0 px-0 relative w-[50px]" property2="2-3" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div className="flex flex-col font-['PingFang_SC:Regular',sans-serif] justify-center leading-[0] not-italic relative shrink-0 text-[16px] text-[rgba(255,255,255,0.8)] text-center whitespace-nowrap" data-node-id="I1715:121572;1709:120750">
|
|
|
+ <p className="leading-[21.504px]">2022年</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div className="content-stretch flex flex-col gap-[78px] items-center justify-end relative shrink-0 w-[110px]" data-node-id="I1715:121572;1709:120751">
|
|
|
+ <div className="content-stretch flex gap-[10px] h-[180px] items-end relative shrink-0" data-name="组合1" data-node-id="I1715:121572;1709:120752">
|
|
|
+ <div className="content-stretch flex flex-col gap-[10px] items-start relative shrink-0" data-name="1" data-node-id="I1715:121572;1709:120753">
|
|
|
+ <div className="flex flex-col font-['PingFang_SC:Medium',sans-serif] justify-center leading-[0] min-w-full not-italic relative shrink-0 text-[15px] text-center text-white w-[min-content]" data-node-id="I1715:121572;1709:120754">
|
|
|
+ <p className="leading-[21.504px] whitespace-pre-wrap">1.28</p>
|
|
|
+ </div>
|
|
|
+ <div className="flex items-center justify-center relative shrink-0">
|
|
|
+ <div className="flex-none rotate-[180deg]">
|
|
|
+ <Component3 className="box-border content-stretch flex flex-col h-[139px] items-center pb-[3px] pt-0 px-0 relative w-[50px]" property2="2-4" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div className="content-stretch flex flex-col gap-[10px] items-start justify-center relative shrink-0" data-name="2" data-node-id="I1715:121572;1709:120756">
|
|
|
+ <div className="flex flex-col font-['PingFang_SC:Medium',sans-serif] justify-center leading-[0] min-w-full not-italic relative shrink-0 text-[15px] text-center text-white w-[min-content]" data-node-id="I1715:121572;1709:120757">
|
|
|
+ <p className="leading-[21.504px] whitespace-pre-wrap">0.6</p>
|
|
|
+ </div>
|
|
|
+ <div className="flex items-center justify-center relative shrink-0">
|
|
|
+ <div className="flex-none rotate-[180deg]">
|
|
|
+ <Component3 className="box-border content-stretch flex flex-col h-[75px] items-center pb-[3px] pt-0 px-0 relative w-[50px]" property2="2-3" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div className="flex flex-col font-['PingFang_SC:Regular',sans-serif] justify-center leading-[0] not-italic relative shrink-0 text-[16px] text-[rgba(255,255,255,0.8)] text-center whitespace-nowrap" data-node-id="I1715:121572;1709:120759">
|
|
|
+ <p className="leading-[21.504px]">2023年</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div className="content-stretch flex flex-col gap-[78px] items-center justify-end relative shrink-0 w-[110px]" data-node-id="I1715:121572;1709:120760">
|
|
|
+ <div className="content-stretch flex gap-[10px] h-[180px] items-end relative shrink-0" data-name="组合1" data-node-id="I1715:121572;1709:120761">
|
|
|
+ <div className="content-stretch flex flex-col gap-[10px] items-start relative shrink-0" data-name="1" data-node-id="I1715:121572;1709:120762">
|
|
|
+ <div className="flex flex-col font-['PingFang_SC:Medium',sans-serif] justify-center leading-[0] min-w-full not-italic relative shrink-0 text-[15px] text-center text-white w-[min-content]" data-node-id="I1715:121572;1709:120763">
|
|
|
+ <p className="leading-[21.504px] whitespace-pre-wrap">1.65</p>
|
|
|
+ </div>
|
|
|
+ <div className="flex items-center justify-center relative shrink-0">
|
|
|
+ <div className="flex-none rotate-[180deg]">
|
|
|
+ <Component3 className="box-border content-stretch flex flex-col h-[165px] items-center pb-[3px] pt-0 px-0 relative w-[50px]" property2="2-4" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div className="content-stretch flex flex-col gap-[10px] items-start justify-center relative shrink-0" data-name="2" data-node-id="I1715:121572;1709:120765">
|
|
|
+ <div className="flex flex-col font-['PingFang_SC:Medium',sans-serif] justify-center leading-[0] min-w-full not-italic relative shrink-0 text-[15px] text-center text-white w-[min-content]" data-node-id="I1715:121572;1709:120766">
|
|
|
+ <p className="leading-[21.504px] whitespace-pre-wrap">1.22</p>
|
|
|
+ </div>
|
|
|
+ <div className="flex items-center justify-center relative shrink-0">
|
|
|
+ <div className="flex-none rotate-[180deg]">
|
|
|
+ <Component3 className="box-border content-stretch flex flex-col h-[134px] items-center pb-[3px] pt-0 px-0 relative w-[50px]" property2="2-3" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div className="flex flex-col font-['PingFang_SC:Regular',sans-serif] justify-center leading-[0] not-italic relative shrink-0 text-[16px] text-[rgba(255,255,255,0.8)] text-center whitespace-nowrap" data-node-id="I1715:121572;1709:120768">
|
|
|
+ <p className="leading-[21.504px]">2024年</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div className="content-stretch flex flex-col gap-[78px] items-center justify-end relative shrink-0 w-[110px]" data-node-id="I1715:121572;1709:120769">
|
|
|
+ <div className="content-stretch flex gap-[10px] h-[180px] items-end relative shrink-0" data-name="组合1" data-node-id="I1715:121572;1709:120770">
|
|
|
+ <div className="content-stretch flex flex-col gap-[10px] items-start relative shrink-0" data-name="1" data-node-id="I1715:121572;1709:120771">
|
|
|
+ <div className="flex flex-col font-['PingFang_SC:Medium',sans-serif] justify-center leading-[0] min-w-full not-italic relative shrink-0 text-[15px] text-center text-white w-[min-content]" data-node-id="I1715:121572;1709:120772">
|
|
|
+ <p className="leading-[21.504px] whitespace-pre-wrap">1.34</p>
|
|
|
+ </div>
|
|
|
+ <div className="flex items-center justify-center relative shrink-0">
|
|
|
+ <div className="flex-none rotate-[180deg]">
|
|
|
+ <Component3 className="box-border content-stretch flex flex-col h-[141px] items-center pb-[3px] pt-0 px-0 relative w-[50px]" property2="2-4" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div className="content-stretch flex flex-col gap-[10px] items-start justify-center relative shrink-0" data-name="2" data-node-id="I1715:121572;1709:120774">
|
|
|
+ <div className="flex flex-col font-['PingFang_SC:Medium',sans-serif] justify-center leading-[0] min-w-full not-italic relative shrink-0 text-[15px] text-center text-white w-[min-content]" data-node-id="I1715:121572;1709:120775">
|
|
|
+ <p className="leading-[21.504px] whitespace-pre-wrap">1.00</p>
|
|
|
+ </div>
|
|
|
+ <div className="flex items-center justify-center relative shrink-0">
|
|
|
+ <div className="flex-none rotate-[180deg]">
|
|
|
+ <Component3 className="box-border content-stretch flex flex-col h-[120px] items-center pb-[3px] pt-0 px-0 relative w-[50px]" property2="2-3" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div className="flex flex-col font-['PingFang_SC:Regular',sans-serif] justify-center leading-[0] not-italic relative shrink-0 text-[16px] text-[rgba(255,255,255,0.8)] text-center whitespace-nowrap" data-node-id="I1715:121572;1709:120777">
|
|
|
+ <p className="leading-[21.504px]">2025年</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <Component2 className="absolute h-[38px] left-0 top-0 w-[594.001px]" />
|
|
|
+ <Component className="absolute h-[38px] overflow-clip right-0 top-0 w-[594px]" />
|
|
|
+ </div>
|
|
|
+ <div className="h-[480px] overflow-clip relative shrink-0 w-full" data-name="左侧-收入" data-node-id="I1715:121572;1709:120155">
|
|
|
+ <div className="absolute h-[490px] left-0 overflow-clip top-0 w-[930px]" data-name="底部" data-node-id="I1715:121572;1709:120156">
|
|
|
+ <Component1 className="absolute h-[490px] left-0 overflow-clip top-0 w-[930px]" />
|
|
|
+ </div>
|
|
|
+ <div className="absolute content-stretch flex flex-col gap-[10px] h-[399.296px] items-start left-[calc(50%+-0.25px)] top-[calc(50%+17.65px)] translate-x-[-50%] translate-y-[-50%] w-[847.001px]" data-name="表格" data-node-id="I1715:121572;1709:120158">
|
|
|
+ <div className="content-stretch flex items-center justify-between relative shrink-0 w-full" data-name="顶部" data-node-id="I1715:121572;1709:120159">
|
|
|
+ <div className="content-stretch flex gap-[20px] items-center relative shrink-0" data-name="数据1" data-node-id="I1715:121572;1709:120160">
|
|
|
+ <div className="bg-[#297ad8] box-border content-stretch flex flex-col items-center justify-end pb-0 pt-[74px] px-0 relative shrink-0 size-[14px]" data-name="柱形元素" data-node-id="I1715:121572;1711:122281">
|
|
|
+ <div className="bg-[#46bdbd] content-stretch flex h-[7px] items-start justify-center relative shrink-0 w-full" data-node-id="I1715:121572;1711:122282">
|
|
|
+ <div className="border-[0.1px] border-solid border-white box-border content-stretch flex flex-[1_0_0] items-center justify-center min-h-px min-w-px relative shrink-0" data-node-id="I1715:121572;1711:122283">
|
|
|
+ <div className="bg-white border-[0.1px] border-solid border-white flex-[1_0_0] h-[2px] min-h-px min-w-px shrink-0" data-node-id="I1715:121572;1711:122284" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <p className="font-['PingFang_SC:Regular',sans-serif] leading-[25.2px] not-italic relative shrink-0 text-[18px] text-white" data-node-id="I1715:121572;1709:120162">
|
|
|
+ 资产负债率
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ <p className="font-['PingFang_SC:Regular',sans-serif] leading-[25.2px] not-italic relative shrink-0 text-[14px] text-[rgba(255,255,255,0.8)] w-[156px] whitespace-pre-wrap" data-node-id="I1715:121572;1709:120163">
|
|
|
+ *数据截止至2025年9月
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ <p className="font-['PingFang_SC:Regular',sans-serif] h-[26px] leading-[25.2px] not-italic relative shrink-0 text-[14px] text-[rgba(255,255,255,0.8)] w-full whitespace-pre-wrap" data-node-id="I1715:121572;1709:120164">
|
|
|
+ 单位:%
|
|
|
+ </p>
|
|
|
+ <div className="grid-cols-[max-content] grid-rows-[max-content] inline-grid justify-items-start leading-[0] relative shrink-0" data-name="模块5" data-node-id="I1715:121572;1711:122218">
|
|
|
+ <div className="col-[1] grid-cols-[max-content] grid-rows-[max-content] inline-grid justify-items-start ml-0 mt-[23.59px] relative row-[1]" data-name="表" data-node-id="I1715:121572;1711:122257">
|
|
|
+ <div className="col-[1] font-['PingFang_SC:Regular',sans-serif] grid-cols-[max-content] grid-rows-[max-content] inline-grid justify-items-start leading-[21.504px] ml-0 mt-[calc(50%+-132px)] not-italic relative row-[1] text-[15px] text-center text-white whitespace-pre-wrap" data-name="6" data-node-id="I1715:121572;1711:122219">
|
|
|
+ <p className="col-[1] h-[20.817px] ml-[18.38px] mt-[243.18px] relative row-[1] translate-x-[-50%] w-[36.77px]" data-node-id="I1715:121572;1711:122220">
|
|
|
+ 0
|
|
|
+ </p>
|
|
|
+ <p className="col-[1] h-[20.817px] ml-[18.38px] mt-[200.6px] relative row-[1] translate-x-[-50%] w-[36.77px]" data-node-id="I1715:121572;1711:122221">
|
|
|
+ 10%
|
|
|
+ </p>
|
|
|
+ <p className="col-[1] h-[20.817px] ml-[18.38px] mt-[161.81px] relative row-[1] translate-x-[-50%] w-[36.77px]" data-node-id="I1715:121572;1711:122222">
|
|
|
+ 20%
|
|
|
+ </p>
|
|
|
+ <p className="col-[1] h-[20.817px] ml-[18.38px] mt-[122.06px] relative row-[1] translate-x-[-50%] w-[36.77px]" data-node-id="I1715:121572;1711:122223">
|
|
|
+ 40%
|
|
|
+ </p>
|
|
|
+ <p className="col-[1] h-[20.817px] ml-[20.09px] mt-[80.43px] relative row-[1] translate-x-[-50%] w-[39.623px]" data-node-id="I1715:121572;1711:122224">
|
|
|
+ 60%
|
|
|
+ </p>
|
|
|
+ <p className="col-[1] h-[20.817px] ml-[21.08px] mt-[39.74px] relative row-[1] translate-x-[-50%] w-[41.604px]" data-node-id="I1715:121572;1711:122225">
|
|
|
+ 80%
|
|
|
+ </p>
|
|
|
+ <p className="col-[1] h-[20.817px] ml-[21.08px] mt-0 relative row-[1] translate-x-[-50%] w-[41.604px]" data-node-id="I1715:121572;1711:122226">
|
|
|
+ 100%
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ <div className="col-[1] grid-cols-[max-content] grid-rows-[max-content] inline-grid justify-items-start ml-[52.5px] mt-0 relative row-[1]" data-name="线条" data-node-id="I1715:121572;1711:122227">
|
|
|
+ <div className="col-[1] h-[1.892px] ml-[0.28px] mt-0 relative row-[1] w-[786.23px]" data-node-id="I1715:121572;1711:122228">
|
|
|
+ <div className="absolute bottom-[-2.85%] left-0 right-0 top-[-2.84%]">
|
|
|
+ <img alt="" className="block max-w-none size-full" src={img33} />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div className="col-[1] h-[1.892px] ml-[0.28px] mt-0 relative row-[1] w-[786.23px]" data-node-id="I1715:121572;1711:122232">
|
|
|
+ <div className="absolute bottom-[-2.83%] left-0 right-0 top-[-2.86%]">
|
|
|
+ <img alt="" className="block max-w-none size-full" src={img34} />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div className="col-[1] h-[1.892px] ml-0 mt-0 relative row-[1] w-[787.499px]" data-node-id="I1715:121572;1711:122236">
|
|
|
+ <div className="absolute bottom-[-2.88%] left-0 right-0 top-[-2.81%]">
|
|
|
+ <img alt="" className="block max-w-none size-full" src={img35} />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div className="col-[1] h-[1.892px] ml-[0.28px] mt-0 relative row-[1] w-[787.22px]" data-node-id="I1715:121572;1711:122240">
|
|
|
+ <div className="absolute bottom-[-2.83%] left-0 right-0 top-[-2.86%]">
|
|
|
+ <img alt="" className="block max-w-none size-full" src={img36} />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div className="col-[1] h-[1.892px] ml-[0.28px] mt-0 relative row-[1] w-[786.922px]" data-node-id="I1715:121572;1711:122244">
|
|
|
+ <div className="absolute bottom-[-2.85%] left-0 right-0 top-[-2.84%]">
|
|
|
+ <img alt="" className="block max-w-none size-full" src={img37} />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div className="col-[1] h-[1.892px] ml-[0.28px] mt-0 relative row-[1] w-[786.922px]" data-node-id="I1715:121572;1711:122248">
|
|
|
+ <div className="absolute bottom-[-2.83%] left-0 right-0 top-[-2.86%]">
|
|
|
+ <img alt="" className="block max-w-none size-full" src={img38} />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div className="col-[1] h-[1.892px] ml-[0.28px] mt-0 relative row-[1] w-[786.922px]" data-node-id="I1715:121572;1711:122252">
|
|
|
+ <div className="absolute bottom-[-2.88%] left-0 right-0 top-[-2.81%]">
|
|
|
+ <img alt="" className="block max-w-none size-full" src={img39} />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div className="box-border col-[1] content-stretch flex h-[312px] items-end justify-between ml-[70.25px] mt-0 px-[20px] py-0 relative row-[1] w-[750px]" data-name="数据222" data-node-id="I1715:121572;1709:120213">
|
|
|
+ <div className="content-stretch flex flex-col gap-[16px] items-center relative shrink-0" data-name="组合1" data-node-id="I1715:121572;1709:120214">
|
|
|
+ <div className="content-stretch flex flex-col gap-[10px] items-center relative shrink-0" data-node-id="I1715:121572;1709:120215">
|
|
|
+ <div className="flex flex-col font-['PingFang_SC:Medium',sans-serif] justify-center leading-[0] not-italic relative shrink-0 text-[20px] text-center text-white w-[100px]" data-node-id="I1715:121572;1711:122180">
|
|
|
+ <p className="leading-[21.504px] whitespace-pre-wrap">73.37</p>
|
|
|
+ </div>
|
|
|
+ <div className="bg-[#297ad8] box-border content-stretch flex flex-col h-[240px] items-center justify-end pb-0 pt-[74px] px-0 relative shrink-0 w-[90px]" data-name="柱形元素" data-node-id="I1715:121572;1711:122258">
|
|
|
+ <div className="bg-[#46bdbd] content-stretch flex h-[175px] items-start justify-center relative shrink-0 w-full" data-node-id="I1715:121572;1711:122259">
|
|
|
+ <div className="border-[0.5px] border-solid border-white box-border content-stretch flex flex-[1_0_0] items-center justify-center min-h-px min-w-px relative shrink-0" data-node-id="I1715:121572;1711:122260">
|
|
|
+ <div className="bg-white border border-solid border-white flex-[1_0_0] h-[2px] min-h-px min-w-px shrink-0" data-node-id="I1715:121572;1711:122261" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div className="flex flex-col font-['PingFang_SC:Regular',sans-serif] justify-center leading-[0] not-italic relative shrink-0 text-[16px] text-[rgba(255,255,255,0.8)] text-center whitespace-nowrap" data-node-id="I1715:121572;1709:120218">
|
|
|
+ <p className="leading-[21.504px]">2021年</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div className="content-stretch flex flex-col gap-[16px] items-center relative shrink-0" data-name="组合1" data-node-id="I1715:121572;1711:122182">
|
|
|
+ <div className="content-stretch flex flex-col gap-[10px] items-center relative shrink-0" data-node-id="I1715:121572;1711:122183">
|
|
|
+ <div className="flex flex-col font-['PingFang_SC:Medium',sans-serif] justify-center leading-[0] not-italic relative shrink-0 text-[20px] text-center text-white w-[100px]" data-node-id="I1715:121572;1711:122184">
|
|
|
+ <p className="leading-[21.504px] whitespace-pre-wrap">76.37</p>
|
|
|
+ </div>
|
|
|
+ <div className="bg-[#297ad8] box-border content-stretch flex flex-col h-[240px] items-center justify-end pb-0 pt-[74px] px-0 relative shrink-0 w-[90px]" data-name="柱形元素" data-node-id="I1715:121572;1711:122262">
|
|
|
+ <div className="bg-[#46bdbd] content-stretch flex h-[187px] items-start justify-center relative shrink-0 w-full" data-node-id="I1715:121572;1711:122263">
|
|
|
+ <div className="border-[0.5px] border-solid border-white box-border content-stretch flex flex-[1_0_0] items-center justify-center min-h-px min-w-px relative shrink-0" data-node-id="I1715:121572;1711:122264">
|
|
|
+ <div className="bg-white border border-solid border-white flex-[1_0_0] h-[2px] min-h-px min-w-px shrink-0" data-node-id="I1715:121572;1711:122265" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div className="flex flex-col font-['PingFang_SC:Regular',sans-serif] justify-center leading-[0] not-italic relative shrink-0 text-[16px] text-[rgba(255,255,255,0.8)] text-center whitespace-nowrap" data-node-id="I1715:121572;1711:122186">
|
|
|
+ <p className="leading-[21.504px]">2022年</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div className="content-stretch flex flex-col gap-[16px] items-center relative shrink-0" data-name="组合1" data-node-id="I1715:121572;1711:122191">
|
|
|
+ <div className="content-stretch flex flex-col gap-[10px] items-center relative shrink-0" data-node-id="I1715:121572;1711:122192">
|
|
|
+ <div className="flex flex-col font-['PingFang_SC:Medium',sans-serif] justify-center leading-[0] not-italic relative shrink-0 text-[20px] text-center text-white w-[100px]" data-node-id="I1715:121572;1711:122193">
|
|
|
+ <p className="leading-[21.504px] whitespace-pre-wrap">51.42</p>
|
|
|
+ </div>
|
|
|
+ <div className="bg-[#297ad8] box-border content-stretch flex flex-col h-[240px] items-center justify-end pb-0 pt-[74px] px-0 relative shrink-0 w-[90px]" data-name="柱形元素" data-node-id="I1715:121572;1711:122266">
|
|
|
+ <div className="bg-[#46bdbd] content-stretch flex h-[142px] items-start justify-center relative shrink-0 w-full" data-node-id="I1715:121572;1711:122267">
|
|
|
+ <div className="border-[0.5px] border-solid border-white box-border content-stretch flex flex-[1_0_0] items-center justify-center min-h-px min-w-px relative shrink-0" data-node-id="I1715:121572;1711:122268">
|
|
|
+ <div className="bg-white border border-solid border-white flex-[1_0_0] h-[2px] min-h-px min-w-px shrink-0" data-node-id="I1715:121572;1711:122269" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div className="flex flex-col font-['PingFang_SC:Regular',sans-serif] justify-center leading-[0] not-italic relative shrink-0 text-[16px] text-[rgba(255,255,255,0.8)] text-center whitespace-nowrap" data-node-id="I1715:121572;1711:122195">
|
|
|
+ <p className="leading-[21.504px]">2023年</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div className="content-stretch flex flex-col gap-[16px] items-center relative shrink-0" data-name="组合1" data-node-id="I1715:121572;1711:122200">
|
|
|
+ <div className="content-stretch flex flex-col gap-[10px] items-center relative shrink-0" data-node-id="I1715:121572;1711:122201">
|
|
|
+ <div className="flex flex-col font-['PingFang_SC:Medium',sans-serif] justify-center leading-[0] not-italic relative shrink-0 text-[20px] text-center text-white w-[100px]" data-node-id="I1715:121572;1711:122202">
|
|
|
+ <p className="leading-[21.504px] whitespace-pre-wrap">47.24</p>
|
|
|
+ </div>
|
|
|
+ <div className="bg-[#297ad8] box-border content-stretch flex flex-col h-[240px] items-center justify-end pb-0 pt-[74px] px-0 relative shrink-0 w-[90px]" data-name="柱形元素" data-node-id="I1715:121572;1711:122270">
|
|
|
+ <div className="bg-[#46bdbd] content-stretch flex h-[134px] items-start justify-center relative shrink-0 w-full" data-node-id="I1715:121572;1711:122271">
|
|
|
+ <div className="border-[0.5px] border-solid border-white box-border content-stretch flex flex-[1_0_0] items-center justify-center min-h-px min-w-px relative shrink-0" data-node-id="I1715:121572;1711:122272">
|
|
|
+ <div className="bg-white border border-solid border-white flex-[1_0_0] h-[2px] min-h-px min-w-px shrink-0" data-node-id="I1715:121572;1711:122273" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div className="flex flex-col font-['PingFang_SC:Regular',sans-serif] justify-center leading-[0] not-italic relative shrink-0 text-[16px] text-[rgba(255,255,255,0.8)] text-center whitespace-nowrap" data-node-id="I1715:121572;1711:122204">
|
|
|
+ <p className="leading-[21.504px]">2024年</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div className="content-stretch flex flex-col gap-[16px] items-center relative shrink-0" data-name="组合1" data-node-id="I1715:121572;1711:122209">
|
|
|
+ <div className="content-stretch flex flex-col gap-[10px] items-center relative shrink-0" data-node-id="I1715:121572;1711:122210">
|
|
|
+ <div className="flex flex-col font-['PingFang_SC:Medium',sans-serif] justify-center leading-[0] not-italic relative shrink-0 text-[20px] text-center text-white w-[100px]" data-node-id="I1715:121572;1711:122211">
|
|
|
+ <p className="leading-[21.504px] whitespace-pre-wrap">49.82</p>
|
|
|
+ </div>
|
|
|
+ <div className="bg-[#297ad8] box-border content-stretch flex flex-col h-[240px] items-center justify-end pb-0 pt-[74px] px-0 relative shrink-0 w-[90px]" data-name="柱形元素" data-node-id="I1715:121572;1711:122274">
|
|
|
+ <div className="bg-[#46bdbd] content-stretch flex h-[138px] items-start justify-center relative shrink-0 w-full" data-node-id="I1715:121572;1711:122275">
|
|
|
+ <div className="border-[0.5px] border-solid border-white box-border content-stretch flex flex-[1_0_0] items-center justify-center min-h-px min-w-px relative shrink-0" data-node-id="I1715:121572;1711:122276">
|
|
|
+ <div className="bg-white border border-solid border-white flex-[1_0_0] h-[2px] min-h-px min-w-px shrink-0" data-node-id="I1715:121572;1711:122277" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div className="flex flex-col font-['PingFang_SC:Regular',sans-serif] justify-center leading-[0] not-italic relative shrink-0 text-[16px] text-[rgba(255,255,255,0.8)] text-center whitespace-nowrap" data-node-id="I1715:121572;1711:122213">
|
|
|
+ <p className="leading-[21.504px]">2025年</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <Component className="absolute h-[38px] left-[calc(50%+-0.25px)] overflow-clip top-0 translate-x-[-50%] w-[594px]" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div className="absolute contents left-[1765px] top-[923px]" data-name="浮动icon" data-node-id="I1715:121572;1703:115488">
|
|
|
+ <div className="absolute contents left-[1765px] top-[923px]" data-node-id="I1715:121572;1703:115489">
|
|
|
+ <div className="absolute flex items-center justify-center left-[1765px] size-[108px] top-[923px]">
|
|
|
+ <div className="flex-none rotate-[180deg] scale-y-[-100%]">
|
|
|
+ <icon className="relative size-[108px]" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div className="absolute font-['PingFang_SC:Medium',sans-serif] h-[51px] leading-[normal] left-[1818.5px] not-italic text-[20px] text-center text-white top-[952px] tracking-[0.6349px] translate-x-[-50%] w-[55px] whitespace-pre-wrap" data-node-id="I1715:121572;1703:115491">
|
|
|
+ <p className="mb-0">变动</p>
|
|
|
+ <p>幅度</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ );
|
|
|
+}
|
|
|
+```
|
|
|
+
|
|
|
+
|
|
|
+SUPER CRITICAL: The generated React+Tailwind code MUST be converted to match the target project's technology stack and styling system.
|
|
|
+1. Analyze the target codebase to identify: technology stack, styling approach, component patterns, and design tokens
|
|
|
+2. Convert React syntax to the target framework/library
|
|
|
+3. Transform all Tailwind classes to the target styling system while preserving exact visual design
|
|
|
+4. Follow the project's existing patterns and conventions
|
|
|
+DO NOT install any Tailwind as a dependency unless the user instructs you to do so.
|
|
|
+
|
|
|
+Node ids have been added to the code as data attributes, e.g. `data-node-id="1:2"`.
|
|
|
+Images and SVGs will be stored as constants, e.g. const image = 'https://www.figma.com/api/mcp/asset/550e8400-e29b-41d4-a716-446655440000'. These constants will be used in the code as the source for the image, ex: <img src={image} />. Image assets are stored on a remote server for 7 days and can be fetched using the provided URLs until they expire.
|
|
|
+IMPORTANT: After you call this tool, you MUST call get_screenshot to get a screenshot of the node for context.
|