From 4601419e7d8bd12d7de1ab20609ab44e10daf26d Mon Sep 17 00:00:00 2001 From: myf <> Date: Fri, 15 Apr 2022 18:19:19 +0800 Subject: [PATCH] =?UTF-8?q?=E8=AF=AD=E8=A8=80=E5=88=87=E6=8D=A2?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- public/locales/en-US.json | 12 ++- public/locales/zh-CN.json | 26 ++++- src/config/localization/translations.json | 25 ++++- src/views/Home/components/CourseCom.tsx | 20 ++-- src/views/Home/components/FlexItemCom.tsx | 1 - src/views/Home/components/FristCom.tsx | 106 ++++----------------- src/views/Home/components/IntroduceCom.tsx | 2 +- 7 files changed, 86 insertions(+), 106 deletions(-) diff --git a/public/locales/en-US.json b/public/locales/en-US.json index 3c6d3f0..8b5a9bd 100644 --- a/public/locales/en-US.json +++ b/public/locales/en-US.json @@ -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市场" + + } diff --git a/public/locales/zh-CN.json b/public/locales/zh-CN.json index 47cf633..a7a9fe2 100644 --- a/public/locales/zh-CN.json +++ b/public/locales/zh-CN.json @@ -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月保持分红收益增长；" } diff --git a/src/config/localization/translations.json b/src/config/localization/translations.json index bb6b3d4..19ac4c5 100644 --- a/src/config/localization/translations.json +++ b/src/config/localization/translations.json @@ -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;" } diff --git a/src/views/Home/components/CourseCom.tsx b/src/views/Home/components/CourseCom.tsx index 47fc092..12af605 100644 --- a/src/views/Home/components/CourseCom.tsx +++ b/src/views/Home/components/CourseCom.tsx @@ -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,12 +71,13 @@ 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 {index + 1 } - {/* style={{left:index % 2 ? '-420px' : '60px'}} */} { item.title } { @@ -103,9 +103,7 @@ const CourseCom: React.FC = () => { - - ) } diff --git a/src/views/Home/components/FlexItemCom.tsx b/src/views/Home/components/FlexItemCom.tsx index 654155d..827bf47 100644 --- a/src/views/Home/components/FlexItemCom.tsx +++ b/src/views/Home/components/FlexItemCom.tsx @@ -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` diff --git a/src/views/Home/components/FristCom.tsx b/src/views/Home/components/FristCom.tsx index 3c82869..704f5d7 100644 --- a/src/views/Home/components/FristCom.tsx +++ b/src/views/Home/components/FristCom.tsx @@ -1,83 +1,10 @@ -import React,{useState} from 'react' +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%; @@ -101,7 +28,7 @@ const StyledPage = styled(Box)` width:80% }` - const RadiusBtn = styled(Button)` +const RadiusBtn = styled(Button)` border-radius:50px; width:170px; height:60px; @@ -109,7 +36,7 @@ const StyledPage = styled(Box)` margin:0px 20px 0 0; background: linear-gradient(269deg, #1FC8D3 0%, #1FD4B0 100%); ` - const WhiteBtn = styled(Button)` +const WhiteBtn = styled(Button)` border-radius:50px; width:170px; height:60px; @@ -118,7 +45,7 @@ const StyledPage = styled(Box)` ` - const ScoreDiv = styled(Flex)` +const ScoreDiv = styled(Flex)` margin-top:127px; background: #fff; box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.15); @@ -129,24 +56,23 @@ const StyledPage = styled(Box)` const FristCom: React.FC = () => { const { t } = useTranslation() - const [burned,BurnedState] = useState([{id:1,name:'Burned',value:"62.55%"},{id:2,name:'Burned',value:"62.55%"},{id:3,name:'Burned',value:"62.55%"},{id:4,name:'Burned',value:"62.55%"}]) + const [burned, BurnedState] = useState([{ id: 1, name: 'Burned', value: "62.55%" }, { id: 2, name: 'Burned', value: "62.55%" }, { id: 3, name: 'Burned', value: "62.55%" }, { id: 4, name: 'Burned', value: "62.55%" }]) return ( <>
- - {/* {t('PancakeSwap')} */}High City Coin - - {/*
High City Coin
*/} + + High City Coin + - { t('Hcc Info') }
- 其作用主要是在HighCitySwap上购买NFT、NFT盒子与其他可交易产品。
- 同时，HCC与BTC、ETH具有相同属性，可以进行自由交易。 + {t('Hcc Info')}
+ {t('Hcc Nft')}
+ {t('Hcc BTC')} - 兑换 - NFT市场 + {t('Exchange')} + { t('Bazaar') } @@ -156,13 +82,13 @@ const FristCom: React.FC = () => { { burned.map(item => { - return + return }) } - + ) diff --git a/src/views/Home/components/IntroduceCom.tsx b/src/views/Home/components/IntroduceCom.tsx index bb4cf05..11b531f 100644 --- a/src/views/Home/components/IntroduceCom.tsx +++ b/src/views/Home/components/IntroduceCom.tsx @@ -82,7 +82,7 @@ const IntroduceCom: React.FC = () => {
HlighCitySwap - HIighCitySwap的诞生，源于创始人Liu Bus对区块链技术的狂热追求，他始终相信区块链技术能够得到更广泛的应用。为此，他做了一个勇敢的决定，放弃在其他领域的投资，身心专注投入到区块链技术实践应用当中去，将自己所熟悉的领域——互联网社交，与区块链技术融合，HighCitySwap由此诞生。这就是我们的开始，感谢你们的支持，HighCity团队将永远前行。 + { t('HlighCitySwapInfo') }