高级搜索

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{ .scroll_main{
height: 100%; height: 100%;
.infinite_scroll{ .infinite_scroll{
font-size: $font_size_medium; font-size: $font_size_medium;
color: $color_font_two; color: $color_font_two;

View File

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

View File

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

View File

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