diff --git a/src/pages/GlobalModalServices/modals/DataGovernance/components/CenterStats/index.css b/src/pages/GlobalModalServices/modals/DataGovernance/components/CenterStats/index.css index 6625d525608f5120942c2f8d41e918e4085ec3c6..77eac6ae393b7975922555d26a32f49c813e61bd 100644 --- a/src/pages/GlobalModalServices/modals/DataGovernance/components/CenterStats/index.css +++ b/src/pages/GlobalModalServices/modals/DataGovernance/components/CenterStats/index.css @@ -5,13 +5,14 @@ .container .totalSection { text-align: center; position: relative; + font-family: 'DingTalk JinBuTi'; } .container .totalSection .totalRow { display: flex; align-items: center; justify-content: center; gap: 12px; - margin-bottom: 20px; + margin-bottom: 4px; } .container .totalSection .totalRow .totalTitle { color: #E4EDFF; @@ -28,7 +29,7 @@ font-weight: 400; line-height: normal; font-size: 70px; - font-family: D-DIN; + font-family: 'DingTalk JinBuTi'; } .container .totalSection .totalRow .unit { color: #E4EDFF; @@ -45,12 +46,13 @@ color: #FFFFFF; font-size: 18px; font-weight: 400; + font-family: 'DingTalk JinBuTi'; } .container .totalSection .newData :global .ant-statistic .ant-statistic-content { color: #09C35C; font-size: 20px; font-weight: 400; - font-family: DINAlternate-Bold; + font-family: 'DingTalk JinBuTi'; } .container .totalSection .newData .unit { color: #FFFFFF; @@ -75,8 +77,6 @@ position: relative; display: flex; justify-content: center; - gap: 40px; - margin-bottom: -67px; } .container .dataTypeSection .circleContainer .dataTypeItem { text-align: center; @@ -137,19 +137,21 @@ display: flex; align-items: center; gap: 4px; - margin-bottom: 4px; + margin-top: 10px; } .container .dataTypeSection .circleContainer .dataTypeItem .circle .innerCircle .valueRow :global .ant-statistic .ant-statistic-content { color: #FFFFFF; - font-size: 22px; + font-size: 42px; font-weight: 700; - font-family: DINAlternate-Bold; + font-family: 'D-DIN'; } .container .dataTypeSection .circleContainer .dataTypeItem .circle .innerCircle .valueRow .unit { + margin-top: 14px; color: #FFFFFF; font-size: 14px; } .container .dataTypeSection .circleContainer .dataTypeItem .circle .innerCircle .label { + margin-top: -10px; color: #FFFFFF; font-size: 22px; font-weight: 700; diff --git a/src/pages/GlobalModalServices/modals/DataGovernance/components/CenterStats/index.less b/src/pages/GlobalModalServices/modals/DataGovernance/components/CenterStats/index.less index ce7e83de142569ea95fd1202ebafb50fa41211e9..e0a814a6a91348bf8a50c5908bd8c90f0ee0721e 100644 --- a/src/pages/GlobalModalServices/modals/DataGovernance/components/CenterStats/index.less +++ b/src/pages/GlobalModalServices/modals/DataGovernance/components/CenterStats/index.less @@ -22,13 +22,14 @@ // rgba(81, 171, 255, 0) 100% // ); // } + font-family: 'DingTalk JinBuTi'; .totalRow { display: flex; align-items: center; justify-content: center; gap: 12px; - margin-bottom: 20px; + margin-bottom: 4px; .totalTitle { color: #E4EDFF; @@ -54,12 +55,8 @@ background-clip: text; font-weight: 400; line-height: normal; - font-size: 70px; - font-family: D-DIN; - // color: #00E1FF; - // font-size: 48px; - // font-weight: 700; - // font-family: DINAlternate-Bold; + font-size: 70px; + font-family: 'DingTalk JinBuTi'; } } } @@ -81,6 +78,7 @@ color: #FFFFFF; font-size: 18px; font-weight: 400; + font-family: 'DingTalk JinBuTi'; } :global { @@ -89,7 +87,7 @@ color: #09C35C; font-size: 20px; font-weight: 400; - font-family: DINAlternate-Bold; + font-family: 'DingTalk JinBuTi'; } } } @@ -125,8 +123,8 @@ position: relative; display: flex; justify-content: center; - gap: 40px; - margin-bottom: -67px; // 让圆形位于椭圆中间 + // gap: 40px; + // margin-bottom: -67px; // 让圆形位于椭圆中间 .dataTypeItem { text-align: center; @@ -189,26 +187,28 @@ display: flex; align-items: center; gap: 4px; - margin-bottom: 4px; + margin-top: 10px; :global { .ant-statistic { .ant-statistic-content { color: #FFFFFF; - font-size: 22px; + font-size: 42px; font-weight: 700; - font-family: DINAlternate-Bold; + font-family: 'D-DIN'; } } } .unit { + margin-top: 14px; color: #FFFFFF; font-size: 14px; } } .label { + margin-top: -10px; color: #FFFFFF; font-size: 22px; font-weight: 700; diff --git a/src/pages/GlobalModalServices/modals/DataGovernance/components/DataActivityCard/index.css b/src/pages/GlobalModalServices/modals/DataGovernance/components/DataActivityCard/index.css index 64c0ec85c332d2d2ab39da51372c2238a16d7573..512abbad899f95ed46d7278d3ec03d0865c32237 100644 --- a/src/pages/GlobalModalServices/modals/DataGovernance/components/DataActivityCard/index.css +++ b/src/pages/GlobalModalServices/modals/DataGovernance/components/DataActivityCard/index.css @@ -9,6 +9,7 @@ color: #E4EDFF; font-size: 30px; font-weight: 400; + font-family: 'DingTalk JinBuTi'; } .container .scoreSection { display: flex; @@ -60,6 +61,7 @@ font-size: 22px; font-weight: 400; margin-bottom: 20px; + font-family: 'DingTalk JinBuTi'; } .container .topSection .topItem { margin-bottom: 15px; @@ -93,7 +95,7 @@ .container .topSection .topItem .progressBar .progressValue { position: absolute; right: 0; - top: -20px; + top: -29px; color: #BCCEE9; font-size: 14px; } diff --git a/src/pages/GlobalModalServices/modals/DataGovernance/components/DataActivityCard/index.less b/src/pages/GlobalModalServices/modals/DataGovernance/components/DataActivityCard/index.less index 5a833502a033ceb0266d732db1d636150f3b8b1c..f4502af851b5313a41d038e0d7c353e6ab4b330c 100644 --- a/src/pages/GlobalModalServices/modals/DataGovernance/components/DataActivityCard/index.less +++ b/src/pages/GlobalModalServices/modals/DataGovernance/components/DataActivityCard/index.less @@ -9,6 +9,7 @@ color: #E4EDFF; font-size: 30px; font-weight: 400; + font-family: 'DingTalk JinBuTi'; // margin-bottom: 30px; } @@ -72,6 +73,7 @@ font-size: 22px; font-weight: 400; margin-bottom: 20px; + font-family: 'DingTalk JinBuTi'; } .topItem { @@ -109,7 +111,7 @@ .progressValue { position: absolute; right: 0; - top: -20px; + top: -29px; color: #BCCEE9; font-size: 14px; } diff --git a/src/pages/GlobalModalServices/modals/DataGovernance/components/DataFlowSection/index.css b/src/pages/GlobalModalServices/modals/DataGovernance/components/DataFlowSection/index.css index 6d956fec269ba301eb840bb37f883293f3ee62be..196ff43c5f0aef71708bb6d65b1d9cd68fe1d203 100644 --- a/src/pages/GlobalModalServices/modals/DataGovernance/components/DataFlowSection/index.css +++ b/src/pages/GlobalModalServices/modals/DataGovernance/components/DataFlowSection/index.css @@ -16,7 +16,8 @@ color: #CBEDFF; font-size: 18px; font-weight: 400; - padding: 14px 30px; + font-family: 'DingTalk JinBuTi'; + padding: 10px 30px; background: #396CA3; border-radius: 20px 0px 20px 0px; z-index: 1; @@ -29,7 +30,7 @@ padding: 60px 0 0; } .container .section.sourceSection .content .item { - padding: 0px 20px; + padding: 0px 40px; display: flex; justify-content: space-between; align-items: center; @@ -38,6 +39,7 @@ color: #BCCEE9; font-size: 22px; font-weight: 400; + font-family: 'DingTalk JinBuTi'; } .container .section.sourceSection .content .item .valueWrapper { display: flex; @@ -67,7 +69,8 @@ color: #CBEDFF; font-size: 18px; font-weight: 400; - padding: 14px 30px; + font-family: 'DingTalk JinBuTi'; + padding: 10px 30px; background: #396CA3; border-radius: 20px 0px 20px 0px; z-index: 1; @@ -79,7 +82,7 @@ } .container .section.doubleSection .subSection .content { height: 91%; - padding: 60px 10px 0; + padding: 50px 10px 0; background: rgba(81, 171, 255, 0.2); border-radius: 21px; margin: 10px 10px 20px; @@ -94,6 +97,7 @@ color: #BCCEE9; font-size: 18px; font-weight: 400; + font-family: 'DingTalk JinBuTi'; } .container .section.doubleSection .subSection .content .item .valueWrapper { display: flex; @@ -123,7 +127,8 @@ color: #CBEDFF; font-size: 18px; font-weight: 400; - padding: 14px 30px; + font-family: 'DingTalk JinBuTi'; + padding: 10px 30px; background: #396CA3; border-radius: 20px 0px 20px 0px; z-index: 1; @@ -135,7 +140,7 @@ } .container .section.thirdSection .subSection .content { height: 91%; - padding: 60px 10px 0; + padding: 50px 10px 0; background: rgba(81, 171, 255, 0.2); border-radius: 21px; margin: 10px 0px 20px 0px; @@ -150,6 +155,7 @@ color: #BCCEE9; font-size: 18px; font-weight: 400; + font-family: 'DingTalk JinBuTi'; } .container .section.thirdSection .subSection .content .item .valueWrapper { display: flex; diff --git a/src/pages/GlobalModalServices/modals/DataGovernance/components/DataFlowSection/index.less b/src/pages/GlobalModalServices/modals/DataGovernance/components/DataFlowSection/index.less index 1ddc394fb51170a2fd2d3ac00a0add888e8af51e..9308a73fe20f515ea63af5f3867cb5df86eb20f5 100644 --- a/src/pages/GlobalModalServices/modals/DataGovernance/components/DataFlowSection/index.less +++ b/src/pages/GlobalModalServices/modals/DataGovernance/components/DataFlowSection/index.less @@ -16,7 +16,8 @@ color: #CBEDFF; font-size: 18px; font-weight: 400; - padding: 14px 30px; + font-family: 'DingTalk JinBuTi'; + padding: 10px 30px; background: #396CA3; border-radius: 20px 0px 20px 0px; z-index: 1; @@ -31,7 +32,7 @@ padding: 60px 0 0; .item { - padding: 0px 20px; + padding: 0px 40px; display: flex; justify-content: space-between; align-items: center; @@ -40,6 +41,7 @@ color: #BCCEE9; font-size: 22px; font-weight: 400; + font-family: 'DingTalk JinBuTi'; } .valueWrapper { @@ -81,7 +83,8 @@ color: #CBEDFF; font-size: 18px; font-weight: 400; - padding: 14px 30px; + font-family: 'DingTalk JinBuTi'; + padding: 10px 30px; background: #396CA3; border-radius: 20px 0px 20px 0px; z-index: 1; @@ -94,7 +97,7 @@ .content { height: 91%; - padding: 60px 10px 0; + padding: 50px 10px 0; background: rgba(81, 171, 255, 0.2); border-radius: 21px; margin: 10px 10px 20px; @@ -109,6 +112,7 @@ color: #BCCEE9; font-size: 18px; font-weight: 400; + font-family: 'DingTalk JinBuTi'; } .valueWrapper { @@ -151,7 +155,8 @@ color: #CBEDFF; font-size: 18px; font-weight: 400; - padding: 14px 30px; + font-family: 'DingTalk JinBuTi'; + padding: 10px 30px; background: #396CA3; border-radius: 20px 0px 20px 0px; z-index: 1; @@ -165,7 +170,7 @@ .content { height: 91%; // padding: 60px 0px 0 10px; - padding: 60px 10px 0; + padding: 50px 10px 0; background: rgba(81, 171, 255, 0.2); border-radius: 21px; margin: 10px 0px 20px 0px; @@ -181,6 +186,7 @@ color: #BCCEE9; font-size: 18px; font-weight: 400; + font-family: 'DingTalk JinBuTi'; } .valueWrapper { diff --git a/src/pages/GlobalModalServices/modals/DataGovernance/components/DataFlowSection/index.tsx b/src/pages/GlobalModalServices/modals/DataGovernance/components/DataFlowSection/index.tsx index a13e621fee1e84a04c3f4184975210f0cbda05d1..4a78908d4ec21221f1ef8d274cb47e102ec3746f 100644 --- a/src/pages/GlobalModalServices/modals/DataGovernance/components/DataFlowSection/index.tsx +++ b/src/pages/GlobalModalServices/modals/DataGovernance/components/DataFlowSection/index.tsx @@ -69,9 +69,9 @@ const DataFlowSection = ({ sourceData, businessData, baseInfoData, themeData, sp {/* 业务域明细库和基础信息库 */}