高级搜索

This commit is contained in:
czm 2022-04-19 13:43:40 +08:00
parent 4a7f7b316f
commit 4a21fa0451
4 changed files with 11 additions and 5 deletions

View File

@ -1,6 +1,7 @@
.scroll_main{
height: 100%;
.infinite_scroll{
font-size: $font_size_medium;
color: $color_font_two;

View File

@ -7,6 +7,7 @@ type Params = {
styleObj?: Object,
selfonScrollToLower?: () => void,
hasMore?: false|true,
moreStatus?: false|true,
children?: ReactNode,
lowerThresholdNum?: number,
selfOnScrollToUpper?:() => void
@ -17,7 +18,7 @@ type Params = {
selfOnRefresherAbort?: () => void
paddingBottom?: number,
refresherTriggered?: true|false,
refresherEnabled?: true|false
refresherEnabled?: true|false,
}
export default memo(({
styleObj,
@ -33,7 +34,8 @@ export default memo(({
lowerThresholdNum = 5,
paddingBottom = 0,
refresherTriggered = false,
refresherEnabled = false
refresherEnabled = false,
moreStatus = true
}: Params) => {
const scrollToLower = () => {
selfonScrollToLower?.()
@ -77,12 +79,12 @@ export default memo(({
>
<View style={{paddingBottom:paddingBottom + 'rpx'}}>
{children}
<View className={style.infinite_scroll}>
{moreStatus&&<View className={style.infinite_scroll}>
{
hasMore&&<View className={style.loading_more}><DotLoading/></View>||
<View></View>
}
</View>
</View>}
</View>
<View className="common_safe_area_y"></View>

View File

@ -12,6 +12,7 @@
display: flex;
justify-content: center;
align-items: center;
z-index:999;
.shop_icon{
font-size: 50px;
color: $color_main;

View File

@ -15,7 +15,7 @@
flex:1;
display: inline-block;
font-size: 24rpx;
background-color: #F0F0F0;
background-color: #ecf5ff;
border-radius: 24rpx;
min-width: 126rpx;
height: 46.93rpx;
@ -23,12 +23,14 @@
line-height: 46.93rpx;
color: #707070;
margin-right: 20px;
border: 2px solid #cde5ff;
.tabs_item_con{
height: 100%;
display: flex;
align-items: center;
justify-content: center;
font-size: $font_size_medium;
}
.tabs_index{
height: 5px;