feat(detail): update Antv home update dumi-theme-antv -3

antvis · Nov 14, 2023 · c81761d · c81761d
1 parent f3cf1ea
commit c81761d
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 6 deletions.
diff --git a/site/components/FamousPersons/index.module.less b/site/components/FamousPersons/index.module.less
@@ -20,8 +20,10 @@
       &:extend(.commonFlexConfig);
       flex-direction: column;
       justify-content: space-between;
-      height:  calc(1680px - 100vw + 377px );
-      width: calc((100vw - 396px)/ 4);
+      height: calc((1680px - 100vw) / 10 + 377px);
+      max-height: 377px;
+      min-height: 350px;
+      width: calc((100vw - 380px - 84px)/ 4);
       min-width: 239px;
       max-width: 399px;
       padding: 29px 20px 20px;

diff --git a/site/components/FamousPersons/index.tsx b/site/components/FamousPersons/index.tsx
@@ -1,21 +1,28 @@
 import React from 'react';
-import { useIntl } from 'dumi';
+import classNames from 'classnames';
+import { useIntl, useLocale } from 'dumi';
 import { ModuleTitle as Title, OverflowedText } from '../common';
 import FAMOUS_PERSONS_DATAS from '../../data/famous-persons.json';
 
 import styles from './index.module.less';
 
 // 专家之声
 export function FamousPersons() {
-  const intl = useIntl()
+  const locale = useLocale();
+
+  const language: 'zh' | 'en' = locale.id.includes('zh') ? 'zh' : 'en';
+
+  const intl = useIntl();
   const useT = (transformedMessage: string) => {
     return intl.formatMessage({
-      id: transformedMessage
+      id: transformedMessage,
     });
   };
 
   return (
-    <div className={styles.famousPersons}>
+    <div className={classNames(styles.famousPersons,{
+      [styles.en]: language === 'en',
+    }) }>
       <Title title={useT("专家之声")} subTitle={useT("经历了海量数据场景下的严苛考验，蚂蚁集团自研了数据库、云原生、隐私计算、图计算为代表的数字化“根技术”")} />
       <div className={styles.famousAuctions} >
         {