📱 style: Hide vendor introduction on mobile devices

Summary:
• Updated `PricingTopSection.jsx` to conditionally render `PricingVendorIntroWithSkeleton` only when `isMobile` is false.

Details:
1. Wrapped vendor-intro block in `!isMobile` check, preventing unnecessary content on small screens.
2. Kept desktop experience unchanged; no impact on other features.
3. Lint check passed with no new issues.

Result:
Cleaner mobile UI with improved performance and visual focus.
This commit is contained in:
t0ng7u
2025-08-10 14:10:50 +08:00
parent 870132a5cb
commit dbde044213

View File

@@ -50,7 +50,7 @@ const PricingTopSection = ({
onCompositionEnd={handleCompositionEnd}
onChange={handleChange}
showClear
className="!bg-transparent"
style={{ backgroundColor: 'transparent' }}
/>
</div>
@@ -82,7 +82,8 @@ const PricingTopSection = ({
return (
<>
{/* 供应商介绍区域(含骨架屏 */}
{/* 供应商介绍区域(桌面端显示 */}
{!isMobile && (
<PricingVendorIntroWithSkeleton
loading={loading}
filterVendor={filterVendor}
@@ -90,6 +91,7 @@ const PricingTopSection = ({
allModels={models}
t={t}
/>
)}
{/* 搜索和操作区域 */}
{SearchAndActions}