📱 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:
@@ -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}
|
||||||
|
|||||||
Reference in New Issue
Block a user