fix: 样式修改

This commit is contained in:
2025-08-03 18:20:16 -07:00
parent 07557a3c88
commit f6f5c2828b
4 changed files with 41 additions and 23 deletions
+18 -15
View File
@@ -49,7 +49,7 @@ const EmptyState = ({ message }: { message: string }) => (
// 价格显示组件
const PriceDisplay = ({ plan }: { plan: ProcessedPlanData }) => (
<div className='mb-4 sm:mb-8'>
<div className='mb-2 sm:mb-4'>
<div className='mb-1 flex items-baseline gap-2'>
{plan.origin_price && (
<span className='text-lg font-bold leading-[1.125em] text-[#666666] line-through sm:text-xl md:text-[24px]'>
@@ -100,23 +100,26 @@ const FeatureList = ({ plan }: { plan: ProcessedPlanData }) => {
];
return (
<div className='mt-6 space-y-0 sm:mt-8'>
<ul className='space-y-1'>
<div className='mt-6 space-y-0 sm:mt-6'>
<ul className='list-disc space-y-1'>
{features.map((feature) => (
<li key={feature.label} className='flex items-start justify-between py-1'>
<span className='text-xs font-light leading-[1.8461538461538463em] text-black sm:text-[13px]'>
{feature.label}
</span>
<span className='text-right text-xs font-light leading-[1.8461538461538463em] text-black sm:text-[13px]'>
{feature.value}
</span>
<li
key={feature.label}
className='py-1 text-xs font-light leading-[1.8461538461538463em] text-black sm:text-[13px]'
>
<div className={'flex items-start justify-between'}>
<span className=''>{feature.label}</span>
<span>{feature.value}</span>
</div>
</li>
))}
<li className='flex items-start justify-between py-1'>
<span className='text-xs font-light leading-[1.8461538461538463em] text-black sm:text-[13px]'>
:
</span>
<StarRating rating={plan.features?.stability || 4} />
<li className='py-1'>
<div className={'flex items-start justify-between'}>
<span className='text-xs font-light leading-[1.8461538461538463em] text-black sm:text-[13px]'>
:
</span>
<StarRating rating={plan.features?.stability || 4} />
</div>
</li>
</ul>
</div>