提交 f10c8f65 编写于 作者: 式部

fix

上级 c1aae4ec
......@@ -6,22 +6,6 @@ import './App.less';
import Header from '../../component/Header/Header';
import MedalTally from '../MedalTally/MedalTally';
const content = {
title: 'WORLD AQUATICS - THE GLOBAL HOME OF AQUATIC SPORTS',
content: ['World Aquatics, formerly known as the Fédération Internationale de Natation (FINA), is the sole and exclusive world governing body for all Aquatics.  Since June 2021, under the presidency of Captain Husain Al Musallam, World Aquatics comprises 209 National Member Federations in the five continents.',
(<img key='123' src='https://resources.fina.org/photo-resources/2023/04/21/be0324bb-9d0c-450c-819c-9f5cfccd0311/VHRQuN6J.jpg?width=820' alt='World Aquatics - The global home of aquatic sports' />),
'For the good of Aquatics and all Athletes, World Aquatics shall ensure that all Aquatics are governed, organised, developed and managed in accordance with the principles of democracy, right to equality, and no discrimination between any race, skin colour, gender, religion, sexual orientation, language, political or other opinion, national or social origin, property, birth, disability or any other reason, neutrality, transparency, accountability, fairplay, inclusion, sportsmanship and clean sport.',
(<blockquote key='1234' className="embeddable-quote embeddable-widget border-2">
“Everyone in our community is proud of what FINA achieved in developing our sports. As we look to the future, World Aquatics will see all aquatics athletes united for the first time under one brand”
<div className="flex flex-row-reverse">
<div className="w-auto"><strong> World Aquatics President Captain Husain Al Musallam</strong></div>
<div className="w-auto pr-3">——By</div>
</div>
</blockquote>),
// eslint-disable-next-line react/no-unescaped-entities
(<div key='12345' className="flex-auto">Above all, Athletes are the central focus of World Aquatics' mission.</div>)]
};
const App = () => {
return (<div className="root-container">
<Header/>
......@@ -29,7 +13,7 @@ const App = () => {
<RankList/>
<DailySchedule/>
<MedalTally/>
<LearnMore {...content}/>
<LearnMore/>
</div>);
};
......
......@@ -3,13 +3,7 @@ import './Home.css';
import {useTypePrint} from '../../common/hooks/index.ts';
import {theme} from '../../common/theme/theme.ts';
const DisplayTexts = [
'World Aquatics 2024',
'formerly known as the Fédération Internationale de Natation (FINA)',
'is the sole and exclusive world governing body for all Aquatics',
'Since June 2021, under the presidency of Captain Husain Al Musallam',
'World Aquatics comprises 209 National Member Federations in the five continents'
];
const DisplayTexts = ['World Aquatics 2024', 'formerly known as the Fédération Internationale de Natation (FINA)', 'is the sole and exclusive world governing body for all Aquatics', 'Since June 2021, under the presidency of Captain Husain Al Musallam', 'World Aquatics comprises 209 National Member Federations in the five continents'];
const Home = () => {
const displayText = useTypePrint(DisplayTexts, 30);
......
import React, {useEffect} from 'react';
import Panel from '../../component/Panel/Panel';
import Title from '../../component/Title/Title';
import {theme} from '../../common/theme/theme';
import {Carousel} from '../../component/mika-ui';
import './LearnMore.less';
export interface LearnMoreProps {
title: string;
content: React.ReactNode[];
}
interface ListItem{
id: any;
title: any;
......@@ -130,7 +125,7 @@ const list: ListItem[] = [
}
];
const LearnMore = (props: LearnMoreProps) => {
const LearnMore = () => {
return (
<div
className="flex flex-col h-screen"
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册