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