语言切换

This commit is contained in:
myf 2022-04-15 18:19:19 +08:00
parent 0010c9ba0c
commit 4601419e7d
7 changed files with 86 additions and 106 deletions

View File

@ -1053,5 +1053,15 @@
"Community Auctions": "Community Auctions",
"FAQs": "FAQs",
"Auction duration": "Auction duration",
"Terms & Conditions": "Terms & Conditions"
"Terms & Conditions": "Terms & Conditions",
"Hcc Info":"HighCityCoin",
"Hcc Nft":"其作用主要是在HighCitySwap上购买NFT、NFT盒子与其他可交易产品。",
"Hcc BTC":"同时HCC与BTC、ETH具有相同属性可以进行自由交易。",
"Bazaar":"NFT市场"
}

View File

@ -1054,5 +1054,29 @@
"FAQs": "FAQs",
"Auction duration": "Auction duration",
"Terms & Conditions": "Terms & Conditions",
"Hcc Info":"HighCityCoin简称HCC由HighCityTM铸造"
"Hcc Info":"HighCityCoin简称HCC由HighCityTM铸造",
"Hcc Nft":"其作用主要是在HighCitySwap上购买NFT、NFT盒子与其他可交易产品。",
"Hcc BTC":"同时HCC与BTC、ETH具有相同属性可以进行自由交易。",
"Bazaar":"NFT市场",
"HlighCitySwapInfo":"HIighCitySwap的诞生源于创始人Liu Bus对区块链技术的狂热追求他始终相信区块链技术能够得到更广泛的应用。为此他做了一个勇敢的决定放弃在其他领域的投资身心专注投入到区块链技术实践应用当中去将自己所熟悉的领域——互联网社交与区块链技术融合HighCitySwap由此诞生。这就是我们的开始感谢你们的支持HighCity团队将永远前行。",
"Stage one: Origin":"第一阶段:起源",
"Stage two: Action":"第二阶段:行动",
"Stage three: Creation":"第三阶段:创造",
"Stage four: Integration":"第四阶段:融合",
"Stage five: Closing the curtain":"第五阶段:落幕",
"The project concept was born in May 2021":"2021年5月项目概念的诞生",
"Set up HighClty team in June 2021":"2021年6月搭建HighClty团队",
"May 2021 -- January 2022 Team run-in":"2021年5月~2022年1月团队磨合",
"In April 2022, social networking and media release activities, HighCity coin started and dividend mechanism went online":"2022年4月社交建社交媒体发布活动HighCity铸币开始分红机制上线",
"In March 2022, project approval, web design, roadmap announcement, smart contract development":"2022年3月项目立项网页设计路线图公布智能合约开发",
"Launch of social software in December 2022":"2022年12月社交软件落地",
"Created by NFT in May 2022":"2022年5月NFT创造",
"June 2022 social software development":"2022年6月社交软件开发",
"December 2022 NFT bonus binding social software":"2022年12月NFT分红绑定社交软件",
"In December 2022, HighCity Ecology was preliminarily completed":"2022年12月HighCity生态初步建成",
"HighCity Ecology completed in December 2022":"2022年12月HighCity生态建成;",
"Maintain dividend income growth in December 2022":"2022年12月保持分红收益增长"
}

View File

@ -1182,5 +1182,28 @@
"Recipient": "Recipient",
"Waiting For Confirmation": "Waiting For Confirmation",
"Confirm this transaction in your wallet": "Confirm this transaction in your wallet",
"Dismiss": "Dismiss"
"Dismiss": "Dismiss",
"Hcc Info":"HighCityCoin abbreviation HCC,cause HighCityTM cast,",
"Hcc Nft":"Its function is mainly in HighCitySwap On the purchase NFT、NFT Boxes and other tradeable products.",
"Hcc BTC":"meanwhile,HCC and BTC、ETH Have the same properties,They can trade freely.",
"Bazaar":"NFT Bazaar",
"HlighCitySwapInfo":"HIighCitySwap the birth of,From the founder Liu Bus Enthusiastic pursuit of blockchain technology,He has always believed that blockchain technology could be used more widely。for this purpose,He made a brave decision,Abandon investments in other areas,Focus on the practical application of blockchain technology,Put yourself in a familiar field -- social networking on the Internet,Integration with blockchain technology,HighCitySwap Thus was born.That's where we started,Thank you for your support,HighCity The team will always move forward.",
"Stage one: Origin":"Stage one: Origin",
"Stage two: Action":"Stage two: Action",
"Stage three: Creation":"Stage three: Creation",
"Stage four: Integration":"Stage four: Integration",
"Stage five: Closing the curtain":"Stage five: Closing the curtain",
"The project concept was born in May 2021":"The project concept was born in May 2021;",
"Set up HighClty team in June 2021":"Set up HighClty team in June 2021;",
"May 2021 -- January 2022 Team run-in":"May 2021 -- January 2022 Team run-in;",
"In April 2022, social networking and media release activities, HighCity coin started and dividend mechanism went online":"In April 2022, social networking and media release activities, HighCity coin started and dividend mechanism went online;",
"In March 2022, project approval, web design, roadmap announcement, smart contract development":"In March 2022, project approval, web design, roadmap announcement, smart contract development;",
"Launch of social software in December 2022":"Launch of social software in December 2022;",
"Created by NFT in May 2022":"Created by NFT in May 2022;",
"June 2022 social software development":"June 2022 social software development;",
"December 2022 NFT bonus binding social software":"December 2022 NFT bonus binding social software;",
"In December 2022, HighCity Ecology was preliminarily completed":"In December 2022, HighCity Ecology was preliminarily completed;",
"HighCity Ecology completed in December 2022":"HighCity Ecology completed in December 2022",
"Maintain dividend income growth in December 2022":"Maintain dividend income growth in December 2022;"
}

View File

@ -1,6 +1,6 @@
import React, { useState } from 'react'
import React, { useState,useEffect } from 'react'
import styled from 'styled-components'
import { Flex, Heading, Text, BaseLayout, Box, Button, Image,Card } from '@pancakeswap/uikit'
import { Flex, Heading, Text, Box } from '@pancakeswap/uikit'
import { useTranslation } from 'contexts/Localization'
const FristPage = styled.div`
@ -71,11 +71,12 @@ const CourseCom: React.FC = () => {
const { t } = useTranslation()
const [list, setListState] = useState([
{ title: "第一阶段:起源",id:1, list: [{ text: "2021年5月项目概念的诞生" },{text:"2021年6月搭建HighClty团队"},{text:"2021年5月~2022年1月团队磨合"}]},
{ title: "第二阶段:行动",id:2, list: [{ text: "2022年4月社交建社交媒体发布活动HighCity铸币开始分红机制上线" },{text:"2022年3月项目立项网页设计路线图公布智能合约开发"}]},
{ title: "第三阶段:创造",id:3, list: [{ text: "2022年5月NFT创造" },{text:"2022年6月社交软件开发"}] },
{ title: "第四阶段:融合",id:4, list: [{ text: "2022年12月社交软件落地" },{text:"2022年12月NFT分红绑定社交软件"},{text:"2022年12月HighCity生态初步建成"}]},
{ title: "第五阶段:落幕",id:5, list: [{ text: "2022年12月HighCity生态建成;" },{text:"2022年12月保持分红收益增长"}]}])
{ title: t('Stage one: Origin'),id:1, list: [{ text: t('The project concept was born in May 2021') },{text:t('Set up HighClty team in June 2021')},{text:t('May 2021 -- January 2022 Team run-in')}]},
{ title: t('Stage two: Action'),id:2, list: [{ text: t('In April 2022, social networking and media release activities, HighCity coin started and dividend mechanism went online') },{text:t('In March 2022, project approval, web design, roadmap announcement, smart contract development')}]},
{ title: t('Stage three: Creation'),id:3, list: [{ text: t('Created by NFT in May 2022') },{text:t('June 2022 social software development')}] },
{ title: t('Stage four: Integration'),id:4, list: [{ text: t('Launch of social software in December 2022') },{text:t('December 2022 NFT bonus binding social software')},{text:t('In December 2022, HighCity Ecology was preliminarily completed')}]},
{ title: t('Stage five: Closing the curtain'),id:5, list: [{ text: t('HighCity Ecology completed in December 2022') },{text:t('Maintain dividend income growth in December 2022')}]}])
return (
<>
@ -87,7 +88,6 @@ const CourseCom: React.FC = () => {
list.map((item,index) => {
return <SortDiv key={ item.id } style={{ borderLeft:index + 1 === list.length ? 'none' : '4px solid #31D0AA' }}>
<SortNum style={{backgroundColor:index % 2 ? '#7645D9' : '#1FC7D4'}}>{index + 1 }</SortNum>
{/* style={{left:index % 2 ? '-420px' : '60px'}} */}
<CardDiv style={{left:index % 2 ? '-420px' : '60px'}}>
<Heading>{ item.title }</Heading>
{
@ -103,9 +103,7 @@ const CourseCom: React.FC = () => {
</Flex>
</StyledPage>
</FristPage>
</>
)
}

View File

@ -1,7 +1,6 @@
import React from 'react'
import styled from 'styled-components'
import { Text } from '@pancakeswap/uikit'
import { useTranslation } from 'contexts/Localization'
const ScoreItem = styled.div`

View File

@ -1,83 +1,10 @@
import React, { useState } from 'react'
import styled from 'styled-components'
import { Flex, Heading, Text, BaseLayout, Box,Button,Image } from '@pancakeswap/uikit'
import { Flex, Heading, Text, Box, Button, Image } from '@pancakeswap/uikit'
import { useTranslation } from 'contexts/Localization'
import FlexItemCom from './FlexItemCom'
const Hero = styled.div`
align-items: center;
background-image: url('/images/pan-bg-mobile.svg');
background-repeat: no-repeat;
background-position: top center;
display: flex;
justify-content: center;
flex-direction: column;
margin: auto;
margin-bottom: 32px;
padding-top: 116px;
text-align: center;
${({ theme }) => theme.mediaQueries.lg} {
background-image: url('/images/pan-bg2.svg'), url('/images/pan-bg.svg');
background-position: left center, right center;
height: 165px;
padding-top: 0;
}
`
const Cards = styled(BaseLayout)`
align-items: stretch;
justify-content: stretch;
margin-bottom: 24px;
grid-gap: 24px;
& > div {
grid-column: span 6;
width: 100%;
}
${({ theme }) => theme.mediaQueries.sm} {
& > div {
grid-column: span 8;
}
}
${({ theme }) => theme.mediaQueries.lg} {
margin-bottom: 32px;
grid-gap: 32px;
& > div {
grid-column: span 6;
}
}
`
const CTACards = styled(BaseLayout)`
align-items: start;
margin-bottom: 24px;
grid-gap: 24px;
& > div {
grid-column: span 6;
}
${({ theme }) => theme.mediaQueries.sm} {
& > div {
grid-column: span 8;
}
}
${({ theme }) => theme.mediaQueries.lg} {
margin-bottom: 32px;
grid-gap: 32px;
& > div {
grid-column: span 4;
}
}
`
const FristPage = styled.div`
background-image: url('/images/home/bg.svg');
background-size: 100%;
@ -137,16 +64,15 @@ const FristCom: React.FC = () => {
<Flex justifyContent="space-between" alignItems="center">
<div>
<Heading as="h1" scale="xl" mb="24px" color="secondary">
{/* {t('PancakeSwap')} */}High City Coin
High City Coin
</Heading>
{/* <div>High City Coin</div> */}
<Text>
{t('Hcc Info')}<br />
HighCitySwap上购买NFTNFT盒子与其他可交易产品<br />
HCC与BTCETH具有相同属性</Text>
{t('Hcc Nft')}<br />
{t('Hcc BTC')}</Text>
<Flex alignItems="center" marginTop="60px">
<RadiusBtn variant="primary" scale="sm"></RadiusBtn>
<WhiteBtn variant="secondary" scale="sm">NFT市场</WhiteBtn>
<RadiusBtn variant="primary" scale="sm">{t('Exchange')}</RadiusBtn>
<WhiteBtn variant="secondary" scale="sm">{ t('Bazaar') }</WhiteBtn>
<Image src="/images/home/fg.png" alt="" width={34} height={34} marginRight="12px" />
<Image src="/images/home/fg.png" alt="" width={34} height={34} marginRight="12px" />
</Flex>

View File

@ -82,7 +82,7 @@ const IntroduceCom: React.FC = () => {
</div>
</MainDiv>
<HeadingDiv textAlign='center'>HlighCitySwap</HeadingDiv>
<TextCom >HIighCitySwap的诞生Liu Bus对区块链技术的狂热追求广HighCitySwap由此诞生HighCity团队将永远前行</TextCom>
<TextCom>{ t('HlighCitySwapInfo') }</TextCom>
</BoxMain>
</StyledPage>
</FristPage>