change ui of price (#4851)

Co-authored-by: dreamer6680 <146868355@qq.com>
This commit is contained in:
dreamer6680
2025-05-20 20:51:07 +08:00
committed by GitHub
parent 0f3bfa280a
commit 89c9a02650
6 changed files with 43 additions and 26 deletions

View File

@@ -74,35 +74,45 @@ const Standard = ({
return (
<>
<Flex flexDirection={'column'} alignItems={'center'} position={'relative'}>
<Box>
<RowTabs
list={[
{
label: t('common:support.wallet.subscription.mode.Month'),
value: SubModeEnum.month
},
{
label: (
<Flex>
<Flex>
<Box>
<Box
textAlign={'right'}
color="#DC7E03"
fontWeight="500"
fontStyle="italic"
fontFamily={'JiangChengXieHei'}
fontSize={'14px'}
lineHeight={'20px'}
letterSpacing={'0.1px'}
textTransform={'lowercase'}
mb={2}
mr={'-2'}
>
{t('common:support.wallet.subscription.mode.Ten Year')}
</Box>
<RowTabs
list={[
{
label: t('common:support.wallet.subscription.mode.Month'),
value: SubModeEnum.month
},
{
label: (
<Box whiteSpace={'nowrap'}>
{t('common:support.wallet.subscription.mode.Year')}
</Box>
<Box
whiteSpace={'nowrap'}
ml={1}
color={selectSubMode === SubModeEnum.month ? 'red.600' : 'auto'}
>
({t('common:support.wallet.subscription.mode.Year sale')})
</Box>
</Flex>
),
value: SubModeEnum.year
}
]}
value={selectSubMode}
onChange={(e) => setSelectSubMode(e as `${SubModeEnum}`)}
/>
</Box>
),
value: SubModeEnum.year
}
]}
value={selectSubMode}
onChange={(e) => setSelectSubMode(e as `${SubModeEnum}`)}
/>
</Box>
<MyIcon name={'price/pricearrow'} mt={'10px'} ml={'3px'} />
</Flex>
{/* card */}
<Grid
mt={[10, '48px']}