unipp

这里只是部分代码，设计需求是这样的，搜索店铺搜索内容易弹窗的形式展示，支持搜索、下拉刷新、上拉加载更多。

数据为空 和 加载更多 都是自定义组件，比较简单这里就不展示了

<template>
    <scroll-view v-show="showShops" @scrolltolower="getMoreShops" refresher-enabled="true" :refresher-triggered="triggered"
                     :refresher-threshold="50" refresher-background="white" @refresherpulling="onPulling"
                     @refresherrefresh="onRefresh" @refresherrestore="onRestore" @refresherabort="onAbort"
         class="select-list flex flex-direction align-center" scroll-y="true" scroll-with-animation="true" :style="'height:'+selectShopHeight+'px'">
            <view class="item padding-tb flex justify-between align-center" v-for="(item,index) in shopList" :key="index" @click="selectShop(item.store_name,item.store_code)">
                <view class="shop">{{item.store_name}}</view>
                <view class="cuIcon-check text-red text-lg check-icon"></view>
            </view>
            <view class="bg-white padding-tb" style="margin-top: -30upx; margin-bottom: -30upx;">
                <empty-page v-if="isEmpty" :noContent="isLoading?'':'无搜索结果'" :imageHeight="'0px'" :top="'30px'"></empty-page>
                <load-more :isLoad="isLoading" :isShow="!isEmpty"></load-more>
            </view>
        </scroll-view>
</template>

<script>
    data(){
            return{
                //搜索店铺结果
                shopList:[],
                pageNum: 0,
                pageSize: 20,
                totalSize: 0,
                isLoading:true,//加载中
                // 自定义下拉刷新
                triggered: false,//下拉刷新是否被触发
                _freshing: false // 是否正在刷新
            }
        }
</script>

<script>
    methods:{
  　　　　　　// 自定义下拉刷新控件被下拉
            async onPulling(e) {
                this.triggered = true; // 需要重置
                this.pageNum == 0
            },      

　　　　　　// 自定义下拉刷新被触发
            async onRefresh() {
                if (this._freshing) return;
                this._freshing = true;
                if (!this.triggered) this.triggered = true; //界面下拉触发，triggered可能不是true，要设为true  
                const isRefresh = true
                await this.searchStoreRequest(isRefresh)
                this.triggered = false;
                this._freshing = false;
            },
            // 自定义下拉刷新被复位
            onRestore() {
                this.triggered = false; // 需要重置
            },
            // 自定义下拉刷新被中止
            onAbort() {
                this.triggered = false;
            },
　　　　　　// 滚动到底部 加载更多
            async getMoreShops(){
                if(this.totalSize == this.shopList.length ||     this.isLoading){
                    return
                }
                await this.searchStoreRequest()
            }

　　　　　}
</script>