zhangshu
/
hiCity-nft
9
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

军团长ui

This commit is contained in:
myf 2022-04-19 15:00:00 +08:00
parent 3fc5a047b6
commit 9dff7975c3
7 changed files with 31 additions and 52 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
public/locales/zh-CN.json
View File

@ -1103,8 +1103,8 @@
"Contract address":"合约地址",
"Assets agreement":"资产协议",
"Assets and chain":"资产公链",
"1. When the countdown is less than 1 hour, the countdown time will be increased by 1 hour each time":"1.当倒计时少于1小时时，每次加价增加倒计时时间1小时",
"2. Each auction has a fixed 10% markup. After the countdown, the item will be awarded to the bidder who made the last bid":"2.拍卖每次固定加价10%，倒计时结束后，拍卖品由最后出价的出价人获得",
"3. After the auction is successful, the platform will charge 6% of the publisher's earnings as a commission fee":"3.拍卖成功后，平台将收取发布人收益的6%作为手续费"
"each time":"1.当倒计时少于1小时时，每次加价增加倒计时时间1小时",
"last bid":"2.拍卖每次固定加价10%，倒计时结束后，拍卖品由最后出价的出价人获得",
"commission fee":"3.拍卖成功后，平台将收取发布人收益的6%作为手续费"
}

6
src/config/localization/translations.json
View File

@ -1230,7 +1230,7 @@
"Contract address":"ontract address",
"Assets agreement":"Assets agreement",
"Assets and chain":"Assets and chain",
"1. When the countdown is less than 1 hour, the countdown time will be increased by 1 hour each time":"1.当倒计时少于1小时时，每次加价增加倒计时时间1小时",
"2. Each auction has a fixed 10% markup. After the countdown, the item will be awarded to the bidder who made the last bid":"2.拍卖每次固定加价10%，倒计时结束后，拍卖品由最后出价的出价人获得",
"3. After the auction is successful, the platform will charge 6% of the publisher's earnings as a commission fee":"3.拍卖成功后，平台将收取发布人收益的6%作为手续费"
"each time":"1. When the countdown is less than 1 hour, the countdown time will be increased by 1 hour each time",
"last bid":"2. Each auction has a fixed 10% markup. After the countdown, the item will be awarded to the bidder who made the last bid",
"commission fee":"3. After the auction is successful, the platform will charge 6% of the publisher's earnings as a commission fee"
}

21
src/views/recommend/components/BuyNftModal.tsx
View File

@ -25,6 +25,14 @@ const InfoDiv = styled.div`
/* width: calc(100% - 280px); */
margin-left: 2rem;
box-shadow: 0px 1px 8px rgba(15, 161, 146, 0.28);
${({ theme }) => theme.mediaQueries.xs} {
padding: 20px 10px;
margin-left: 0rem;
}
${({ theme }) => theme.mediaQueries.lg} {
padding: 30px 26px;
margin-left: 2rem;
}
`
const UpBtn = styled(Button)`
width: 50%;
@ -38,12 +46,13 @@ const ImageDiv = styled(Image)`
width: 300px;
height: 300px;
margin-bottom: 20px;
${({ theme }) => theme.mediaQueries.sm} {
}
${({ theme }) => theme.mediaQueries.lg} {
}
${({ theme }) => theme.mediaQueries.xs} {
width: 150px;
height: 150px;
}
${({ theme }) => theme.mediaQueries.lg} {
width: 300px;
height: 300px;
}
`
@ -57,7 +66,7 @@ export default function BuyNftModal() {
<ModalDiv title={t('Buy commander NFT')} onDismiss={onDismiss}>
<Flex alignItems="center" flexWrap="wrap" justifyContent="center">
{/* <ImageDiv src="/images/recommend/logo.svg" alt="" width={300} height={300}></ImageDiv> */}
<Image src="/images/recommend/logo.svg" width={250} height={250} marginBottom="20px" />
<ImageDiv src="/images/recommend/logo.svg" width={250} height={250} marginBottom="20px" />
<InfoDiv>
<TextFlex
text={t('Upgrade recommendation rights, can enjoy the share of secondary recommendation')}

16
src/views/recommend/components/ConnectedComponent.tsx
View File

@ -70,19 +70,9 @@ export default function ConnectedCom() {
<UpBtn onClick={onBuyModal}>{t('Upgrade commander')}</UpBtn>
</FooterBtn>
<FooterDiv>
<TextDiv color="textSubtle">
{t('1. When the countdown is less than 1 hour, the countdown time will be increased by 1 hour each time')}
</TextDiv>
<TextDiv color="textSubtle">
{t(
'2. Each auction has a fixed 10% markup. After the countdown, the item will be awarded to the bidder who made the last bid',
)}
</TextDiv>
<TextDiv color="textSubtle">
{t(
"3. After the auction is successful, the platform will charge 6% of the publisher's earnings as a commission fee",
)}
</TextDiv>
<TextDiv color="textSubtle">{t('each time')}</TextDiv>
<TextDiv color="textSubtle">{t('last bid')}</TextDiv>
<TextDiv color="textSubtle">{t('commission fee')}</TextDiv>
</FooterDiv>
</MainDiv>
)

16
src/views/recommend/components/RegimentalComponent.tsx
View File

@ -140,19 +140,9 @@ export default function RegimentalCom() {
{/* <UpBtn onClick={onBuyModal}>{t('Upgrade commander')}</UpBtn> */}
</FooterBtn>
<FooterDiv>
<TextDiv color="textSubtle">
{t('1. When the countdown is less than 1 hour, the countdown time will be increased by 1 hour each time')}
</TextDiv>
<TextDiv color="textSubtle">
{t(
'2. Each auction has a fixed 10% markup. After the countdown, the item will be awarded to the bidder who made the last bid',
)}
</TextDiv>
<TextDiv color="textSubtle">
{t(
"3. After the auction is successful, the platform will charge 6% of the publisher's earnings as a commission fee",
)}
</TextDiv>
<TextDiv color="textSubtle">{t('each time')}</TextDiv>
<TextDiv color="textSubtle">{t('last bid')}</TextDiv>
<TextDiv color="textSubtle">{t('commission fee')}</TextDiv>
</FooterDiv>
</MainDiv>
</ContengDiv>

16
src/views/recommend/components/UnunitedCom.tsx
View File

@ -32,19 +32,9 @@ export default function UnunitedCom() {
</HeadingDiv>
<ButtonDiv>{t('Connect the purse')}</ButtonDiv>
<FooterDiv>
<TextDiv color="textSubtle">
{t('1. When the countdown is less than 1 hour, the countdown time will be increased by 1 hour each time')}
</TextDiv>
<TextDiv color="textSubtle">
{t(
'2. Each auction has a fixed 10% markup. After the countdown, the item will be awarded to the bidder who made the last bid',
)}
</TextDiv>
<TextDiv color="textSubtle">
{t(
"3. After the auction is successful, the platform will charge 6% of the publisher's earnings as a commission fee",
)}
</TextDiv>
<TextDiv color="textSubtle">{t('each time')}</TextDiv>
<TextDiv color="textSubtle">{t('last bid')}</TextDiv>
<TextDiv color="textSubtle">{t('commission fee')}</TextDiv>
</FooterDiv>
</>
)

2
src/views/recommend/index.tsx
View File

@ -36,7 +36,7 @@ const ContengDiv = styled.div`
const Nft: React.FC = () => {
// 邀请false普通邀请 true军团长邀请
const [type, typeState] = useState(true)
const [type, typeState] = useState(false)
// 是否连接钱包
const [status, statusState] = useState(true)