forked from gxwebsoft/mp-10550
feat(user/order): 添加状态栏高度适配并优化订单页面布局- 在 Order 组件中添加状态栏高度获取和适配
- 引入 NavBar 组件并设置固定位置 - 调整搜索栏和订单列表的样式以适应新布局 - 优化 OrderList 组件的样式,移除固定的 top 属性
This commit is contained in:
@@ -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'
|
||||
}}
|
||||
|
||||
Reference in New Issue
Block a user