This commit is contained in:
myf 2022-06-10 10:43:00 +08:00
parent 7ee26efb6b
commit 655e7cd154
7 changed files with 29 additions and 18 deletions

View File

@ -53,10 +53,8 @@ const Menu = (props) => {
} }
const getDoc = async () => { const getDoc = async () => {
const result = await getProjectDoc() const result = await getProjectDoc()
console.log(result)
const { data } = result.data const { data } = result.data
setDocumentAddress(data) setDocumentAddress(data)
console.log(data)
} }
// 钱包登录后 // 钱包登录后
useEffect(() => { useEffect(() => {

View File

@ -4,6 +4,7 @@ import { useTranslation } from 'contexts/Localization'
import { Flex, Text } from '@pancakeswap/uikit' import { Flex, Text } from '@pancakeswap/uikit'
import { useAccount } from 'state/userInfo/hooks' import { useAccount } from 'state/userInfo/hooks'
import useRefresh from 'hooks/useRefresh' import useRefresh from 'hooks/useRefresh'
import { TOKEN_SYMBOL } from 'config/index'
import ShopList from './ShopList' import ShopList from './ShopList'
@ -76,7 +77,7 @@ const ContentShop: React.FC<ContentShop> = ({ list, getDetail }) => {
<ShopName>{item.label}</ShopName> <ShopName>{item.label}</ShopName>
<ShopFooter> <ShopFooter>
<FooterLabel>{t('trading value')}</FooterLabel> <FooterLabel>{t('trading value')}</FooterLabel>
<FooterValue>1000HCC</FooterValue> <FooterValue>1000{TOKEN_SYMBOL}</FooterValue>
</ShopFooter> </ShopFooter>
</ShopFlex> </ShopFlex>
) )

View File

@ -2,6 +2,7 @@ import React from 'react'
import styled from 'styled-components' import styled from 'styled-components'
import { useTranslation } from 'contexts/Localization' import { useTranslation } from 'contexts/Localization'
import { Flex, Text } from '@pancakeswap/uikit' import { Flex, Text } from '@pancakeswap/uikit'
import { TOKEN_SYMBOL } from 'config/index'
import StepCom from './StepCom' import StepCom from './StepCom'
interface DetailProp { interface DetailProp {
@ -25,6 +26,14 @@ const DetailInfo = styled(Flex)`
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
` `
const HeaderFlex = styled(Flex)`
align-items: center;
justify-content: flex-end;
`
const HeaderText = styled(Text)`
color: #1fc7d4;
font-size: 24px;
`
const Operation: React.FC<OperationProp> = ({ detail }) => { const Operation: React.FC<OperationProp> = ({ detail }) => {
const { t } = useTranslation() const { t } = useTranslation()
@ -37,12 +46,10 @@ const Operation: React.FC<OperationProp> = ({ detail }) => {
</DetailInfo> </DetailInfo>
<DetailInfo> <DetailInfo>
<Text color="textSubtle">{t('price')}</Text> <Text color="textSubtle">{t('price')}</Text>
<Flex alignItems="center" justifyContent="flex-end"> <HeaderFlex>
<Text color="#1FC7D4" fontSize="24px"> <HeaderText>{detail.price}</HeaderText>
{detail.price} <Text color="text">{TOKEN_SYMBOL}</Text>
</Text> </HeaderFlex>
<Text color="text">HCC</Text>
</Flex>
</DetailInfo> </DetailInfo>
<DetailInfo> <DetailInfo>
<Text color="textSubtle">{t('quantity')}</Text> <Text color="textSubtle">{t('quantity')}</Text>

View File

@ -125,7 +125,7 @@ const BlindBox: React.FC = () => {
const [detail, setDetail] = useState({ series: '法式盛宴', price: 500, number: 1 }) const [detail, setDetail] = useState({ series: '法式盛宴', price: 500, number: 1 })
return ( return (
<MainFlex> <MainFlex>
<UnOpenModel /> {/* <UnOpenModel /> */}
<SwiperDiv <SwiperDiv
loop loop
pagination={{ clickable: true }} pagination={{ clickable: true }}

View File

@ -2,6 +2,7 @@ import React, { useState, useEffect } from 'react'
import styled from 'styled-components' import styled from 'styled-components'
import { useTranslation } from 'contexts/Localization' import { useTranslation } from 'contexts/Localization'
import { Text, Flex, Button, useModal } from '@pancakeswap/uikit' import { Text, Flex, Button, useModal } from '@pancakeswap/uikit'
import { TOKEN_SYMBOL } from 'config/index'
import Preview from './Preview' import Preview from './Preview'
import CombinationRules from './CombinationRules' import CombinationRules from './CombinationRules'
import SynthesisDetail from './SynthesisDetail' import SynthesisDetail from './SynthesisDetail'
@ -150,7 +151,7 @@ const CompoundBox: React.FC = () => {
<CompoundButton>{t('compound')}</CompoundButton> <CompoundButton>{t('compound')}</CompoundButton>
<CostFlex> <CostFlex>
<CostText>{t('Estimated synthesis cost')} </CostText> <CostText>{t('Estimated synthesis cost')} </CostText>
<CostNum> -----HCC</CostNum> <CostNum> -----{TOKEN_SYMBOL}</CostNum>
</CostFlex> </CostFlex>
</CompoundFlex> </CompoundFlex>
<CombinationRules /> <CombinationRules />

View File

@ -16,21 +16,21 @@ interface RoundDetailProps {
const PageContent = styled.div` const PageContent = styled.div`
min-height: calc(100vh - 64px); min-height: calc(100vh - 64px);
/* background-image: url('/images/nft/bg.svg'); background-image: url('/images/nft/bg.svg');
background-size: cover; background-size: cover;
background-repeat: no-repeat; */ background-repeat: no-repeat;
background-image: url('/images/page/compound.jpg'); /* background-image: url('/images/page/compound.jpg');
background-position: 50%; background-position: 50%;
background-size: 60% 90%; background-size: 60% 90%;
background-repeat: no-repeat; background-repeat: no-repeat; */
` `
const NftBox: React.FC = () => { const NftBox: React.FC = () => {
return ( return (
<PageContent> <PageContent>
<UnOpenModel /> {/* <UnOpenModel /> */}
{/* <CompoundBox /> */} <CompoundBox />
</PageContent> </PageContent>
) )
} }

View File

@ -3,6 +3,7 @@ import dayjs from 'dayjs'
import styled, { keyframes } from 'styled-components' import styled, { keyframes } from 'styled-components'
import { useTranslation } from 'contexts/Localization' import { useTranslation } from 'contexts/Localization'
import { Flex, Text, Button, Input } from '@pancakeswap/uikit' import { Flex, Text, Button, Input } from '@pancakeswap/uikit'
import { TOKEN_SYMBOL } from 'config/index'
import { useHarvest } from '../hooks' import { useHarvest } from '../hooks'
interface GetCardProps { interface GetCardProps {
@ -63,7 +64,10 @@ const ExchangeCard: React.FC<GetCardProps> = ({ price = 0, time = 0 }) => {
)} )}
<Flex alignItems="center"> <Flex alignItems="center">
<PriceLabel>{t('amount')}</PriceLabel> <PriceLabel>{t('amount')}</PriceLabel>
<PriceText>{price}HCC</PriceText> <PriceText>
{price}
{TOKEN_SYMBOL}
</PriceText>
</Flex> </Flex>
</div> </div>
<Button disabled={time > new Date().getTime() || !price} onClick={getPrice}> <Button disabled={time > new Date().getTime() || !price} onClick={getPrice}>