🌈 style:样式问题

This commit is contained in:
Haiyi 2022-09-08 18:24:57 +08:00
parent de46b61f9a
commit afaad76fe3
4 changed files with 23 additions and 13 deletions

View File

@ -1,6 +1,6 @@
.main {
background-color: $color_bg_one;
height: 100vh;
// height: 100vh;
display: flex;
flex-direction: column;
@ -30,8 +30,10 @@
}
.products {
flex: 1;
height: 0;
padding-bottom: calc($customTabBarHeight + env(safe-area-inset-bottom));
height: calc(100vh - $customTabBarHeight - env(safe-area-inset-bottom) - 100px);
}
}
//246

View File

@ -1,7 +1,7 @@
.order_status_list{
font-size: $font_size;
color: #000;
margin-top: 20px;
// margin-top: 20px;
.order_status_item{
padding: 20px;
box-sizing: border-box;

View File

@ -246,11 +246,14 @@
.order_list {
height: calc(100vh - 160px);
height: calc(100vh - $customTabBarHeight + env(safe-area-inset-bottom) - 345px);
background: #f7f7f7;
.bigBpx {
height: 200px;
}
.kongboxTwo {
height: calc($customTabBarHeight + env(safe-area-inset-bottom));
}
}

View File

@ -229,13 +229,17 @@ export default () => {
}, [])
return (
<View>
<Search placeholder='搜索商品/名称/颜色/订单号' showBtn={false} changeOnSearch={getSearchData} debounceTime={300} >
<View className={styles.flexBox} onClick={() => showSelctPopup()}>
<View className={classnames('iconfont', 'icon-shaixuan', !isDisabled ? styles.icon_shaixuan : styles.activeshaixuan)}></View>
<View className={classnames(isDisabled ? styles.shaixuan : styles.activeshai)}></View>
</View>
</Search>
<OrderStatusList list={statusList} onSelect={changeStatus} defaultId={-1} />
<View style={{ background: '#FFFFFF', paddingLeft: '20rpx', paddingBottom: '20rpx', position: 'sticky', top: '0', zIndex: '99' }}>
<Search placeholder='搜索商品/名称/颜色/订单号' showBtn={false} changeOnSearch={getSearchData} debounceTime={300} >
<View className={styles.flexBox} onClick={() => showSelctPopup()}>
<View className={classnames('iconfont', 'icon-shaixuan', !isDisabled ? styles.icon_shaixuan : styles.activeshaixuan)}></View>
<View className={classnames(isDisabled ? styles.shaixuan : styles.activeshai)}></View>
</View>
</Search>
</View>
<View style={{ background: '#FFFFFF', }}>
<OrderStatusList list={statusList} onSelect={changeStatus} defaultId={-1} />
</View>
<View className={styles.order_list}>
<InfiniteScroll
statusMore={statusMore}
@ -251,6 +255,7 @@ export default () => {
)
})}
</InfiniteScroll>
<View className={styles.kongboxTwo}></View>
</View>
<Popup title={'筛选订单'} show={showPopup} onClose={() => closePopup()}>
<View className={styles.popupBox}>