🌈 style:样式问题
This commit is contained in:
parent
de46b61f9a
commit
afaad76fe3
@ -1,6 +1,6 @@
|
|||||||
.main {
|
.main {
|
||||||
background-color: $color_bg_one;
|
background-color: $color_bg_one;
|
||||||
height: 100vh;
|
// height: 100vh;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
|
||||||
@ -30,8 +30,10 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.products {
|
.products {
|
||||||
flex: 1;
|
padding-bottom: calc($customTabBarHeight + env(safe-area-inset-bottom));
|
||||||
height: 0;
|
height: calc(100vh - $customTabBarHeight - env(safe-area-inset-bottom) - 100px);
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
//246
|
@ -1,7 +1,7 @@
|
|||||||
.order_status_list{
|
.order_status_list{
|
||||||
font-size: $font_size;
|
font-size: $font_size;
|
||||||
color: #000;
|
color: #000;
|
||||||
margin-top: 20px;
|
// margin-top: 20px;
|
||||||
.order_status_item{
|
.order_status_item{
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
|
@ -246,11 +246,14 @@
|
|||||||
|
|
||||||
|
|
||||||
.order_list {
|
.order_list {
|
||||||
height: calc(100vh - 160px);
|
height: calc(100vh - $customTabBarHeight + env(safe-area-inset-bottom) - 345px);
|
||||||
background: #f7f7f7;
|
background: #f7f7f7;
|
||||||
|
|
||||||
.bigBpx {
|
.bigBpx {
|
||||||
height: 200px;
|
height: 200px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.kongboxTwo {
|
||||||
|
height: calc($customTabBarHeight + env(safe-area-inset-bottom));
|
||||||
|
}
|
||||||
}
|
}
|
@ -229,13 +229,17 @@ export default () => {
|
|||||||
}, [])
|
}, [])
|
||||||
return (
|
return (
|
||||||
<View>
|
<View>
|
||||||
<Search placeholder='搜索商品/名称/颜色/订单号' showBtn={false} changeOnSearch={getSearchData} debounceTime={300} >
|
<View style={{ background: '#FFFFFF', paddingLeft: '20rpx', paddingBottom: '20rpx', position: 'sticky', top: '0', zIndex: '99' }}>
|
||||||
<View className={styles.flexBox} onClick={() => showSelctPopup()}>
|
<Search placeholder='搜索商品/名称/颜色/订单号' showBtn={false} changeOnSearch={getSearchData} debounceTime={300} >
|
||||||
<View className={classnames('iconfont', 'icon-shaixuan', !isDisabled ? styles.icon_shaixuan : styles.activeshaixuan)}></View>
|
<View className={styles.flexBox} onClick={() => showSelctPopup()}>
|
||||||
<View className={classnames(isDisabled ? styles.shaixuan : styles.activeshai)}>筛选</View>
|
<View className={classnames('iconfont', 'icon-shaixuan', !isDisabled ? styles.icon_shaixuan : styles.activeshaixuan)}></View>
|
||||||
</View>
|
<View className={classnames(isDisabled ? styles.shaixuan : styles.activeshai)}>筛选</View>
|
||||||
</Search>
|
</View>
|
||||||
<OrderStatusList list={statusList} onSelect={changeStatus} defaultId={-1} />
|
</Search>
|
||||||
|
</View>
|
||||||
|
<View style={{ background: '#FFFFFF', }}>
|
||||||
|
<OrderStatusList list={statusList} onSelect={changeStatus} defaultId={-1} />
|
||||||
|
</View>
|
||||||
<View className={styles.order_list}>
|
<View className={styles.order_list}>
|
||||||
<InfiniteScroll
|
<InfiniteScroll
|
||||||
statusMore={statusMore}
|
statusMore={statusMore}
|
||||||
@ -251,6 +255,7 @@ export default () => {
|
|||||||
)
|
)
|
||||||
})}
|
})}
|
||||||
</InfiniteScroll>
|
</InfiniteScroll>
|
||||||
|
<View className={styles.kongboxTwo}></View>
|
||||||
</View>
|
</View>
|
||||||
<Popup title={'筛选订单'} show={showPopup} onClose={() => closePopup()}>
|
<Popup title={'筛选订单'} show={showPopup} onClose={() => closePopup()}>
|
||||||
<View className={styles.popupBox}>
|
<View className={styles.popupBox}>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user