feat(user/order): 添加状态栏高度适配并优化订单页面布局- 在 Order 组件中添加状态栏高度获取和适配

- 引入 NavBar 组件并设置固定位置
- 调整搜索栏和订单列表的样式以适应新布局
- 优化 OrderList 组件的样式,移除固定的 top 属性
This commit is contained in:
2025-08-11 21:20:48 +08:00
parent f69decdf4d
commit f7825b84b1
2 changed files with 36 additions and 9 deletions

View File

@@ -11,8 +11,8 @@ import {ShopOrderGoods} from "@/api/shop/shopOrderGoods/model";
import {copyText} from "@/utils/common";
const getInfiniteUlStyle = (showSearch: boolean = false): CSSProperties => ({
marginTop: showSearch ? '65px' : '44px', // 如果显示搜索框,增加更多的上边距
height: showSearch ? '75vh' : '82vh', // 相应调整高度
marginTop: showSearch ? '0' : '0', // 如果显示搜索框,增加更多的上边距
height: showSearch ? '75vh' : '84vh', // 相应调整高度
width: '100%',
padding: '0',
overflowY: 'auto',
@@ -263,7 +263,6 @@ function OrderList(props: OrderListProps) {
align={'left'}
className={'fixed left-0'}
style={{
top: '44px',
zIndex: 998,
borderBottom: '1px solid #e5e5e5'
}}