高级搜索
This commit is contained in:
parent
4a7f7b316f
commit
4a21fa0451
@ -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;
|
||||||
|
@ -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>
|
||||||
|
@ -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;
|
||||||
|
@ -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;
|
||||||
|
Loading…
x
Reference in New Issue
Block a user