ecshop/ECShopX_mobile-frontend
1
0
Fork 0
mirror of https://gitee.com/ShopeX/ECShopX_mobile-frontend synced 2026-08-12 22:35:37 +08:00
Code Issues Packages Projects Releases Wiki Activity

bug(ECX-8040):

Browse Source
This commit is contained in:
zhangjing1
2026-03-02 18:36:31 +08:00
parent 7b3727b9c1
commit f457649d9b
3 changed files with 50 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

66
src/components/sp-page/header.js
View File

@@ -25,7 +25,8 @@ const CustomNavigationHeader = memo((props) => {
mantle,
onNearbyClick,
onSearchConfirm,
nearbyText
nearbyText,
navigationRSpace
} = props
const value = pageConfig
@@ -63,7 +64,6 @@ const CustomNavigationHeader = memo((props) => {
const containerStyle = useCallback(() => {
return {
textAlign: value?.titlePosition,
color: value?.titleColor
}
}, [value])
@@ -86,8 +86,8 @@ const CustomNavigationHeader = memo((props) => {
url: isGoodsShelves()
? '/subpages/guide/index'
: VERSION_IN_PURCHASE
? '/pages/purchase/index'
: '/pages/index'
? '/pages/purchase/index'
: '/pages/index'
})
}, [])
@@ -204,33 +204,37 @@ const CustomNavigationHeader = memo((props) => {
className={classNames('header-container', { 'has-nearby': hasNearby })}
style={showHeaderContent ? styleNames(containerStyle()) : {}}
>
{/* 左侧：返回、首页、功能区三者只显示一个 */}
{showHeaderContent && showFunctionArea ? (
<>
{/* 有功能区时只显示功能区（热区图或附近门店） */}
{functionAreaType === 'hotzone' && hotzoneImgUrl && renderHotZone()}
{functionAreaType === 'nearby' && renderNearby()}
</>
) : (
<>
{btnReturn && (
<View className='nav-left-capsule' onClick={() => Taro.navigateBack()}>
<SpImage src='fv_back.png' width={36} height={36} />
</View>
)}
{btnHome && !btnReturn && (
<View className='nav-left-capsule' onClick={handleHomeClick}>
<SpImage src='fv_home.png' width={36} height={36} />
</View>
)}
</>
)}
{/* 标题区：搜索 */}
{showHeaderContent && titleStyle === '3' && renderSearch()}
{/* 标题区：页面名称 */}
{showHeaderContent && titleStyle === '1' && renderTitleText()}
{/* 标题区：图片 */}
{showHeaderContent && titleStyle === '2' && renderTitleImage()}
<View className='header-container-left'>
{/* 左侧：返回、首页、功能区三者只显示一个 */}
{showHeaderContent && showFunctionArea ? (
<>
{/* 有功能区时只显示功能区（热区图或附近门店） */}
{functionAreaType === 'hotzone' && hotzoneImgUrl && renderHotZone()}
{functionAreaType === 'nearby' && renderNearby()}
</>
) : (
<>
{btnReturn && (
<View className='nav-left-capsule' onClick={() => Taro.navigateBack()}>
<SpImage src='fv_back.png' width={36} height={36} />
</View>
)}
{btnHome && !btnReturn && (
<View className='nav-left-capsule' onClick={handleHomeClick}>
<SpImage src='fv_home.png' width={36} height={36} />
</View>
)}
</>
)}
</View>
<View className='title-container' style={{ width: `calc(100% - ${navigationRSpace}px)` }}>
{/* 标题区：搜索 */}
{showHeaderContent && titleStyle === '3' && renderSearch()}
{/* 标题区：页面名称 */}
{showHeaderContent && titleStyle === '1' && renderTitleText()}
{/* 标题区：图片 */}
{showHeaderContent && titleStyle === '2' && renderTitleImage()}
</View>
</View>
</View>
</View>

1
src/components/sp-page/index.js
View File

@@ -320,6 +320,7 @@ const SpPage = memo(
mantle={state.mantle}
nearbyText={props.nearbyText}
onSearchConfirm={props.onSearchConfirm}
navigationRSpace={state.navigationRSpace}
/>
)}
{props.isDefault &&

14
src/components/sp-page/index.scss
View File

@@ -5,6 +5,20 @@
.sp-page {
box-sizing: border-box;
width: 100vw;
.header-container-left {
display: flex;
align-items: center;
}
.title-container {
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
-o-text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
}
.sp-page-header {
display: flex;
align-items: center;