页面下拉刷新以及底部回弹

pages/tabs/contacts.vue

@@ -1,10 +1,11 @@
 <template>
-  <view class="page">
+  <view class="page edge">
     <fy-header title="通讯录">
       <template #right>
         <text class="ico" @click="goGroup">建群</text>
       </template>
     </fy-header>
+    <fy-scroll class="edge-scroll" dock @refresh="reload">
     <wd-search v-model="q" placeholder="搜索同事、部门或手机号" hide-cancel placeholder-left />
     <view class="org" @click="goGroups">
       <view class="obox">👥</view>
@@ -46,16 +47,18 @@
     </view>
     <view v-if="!groups.length" class="empty">没有匹配的同事</view>
     <text class="foot">仅显示当前所属企业成员 · 数据实时同步</text>
+    </fy-scroll>
   </view>
 </template>
 
 <script>
 import FyHeader from '../../components/fy-header.vue'
+import FyScroll from '../../components/fy-scroll.vue'
 import { store } from '../../utils/store.js'
 import { toast } from '../../utils/format.js'
 
 export default {
-  components: { FyHeader },
+  components: { FyHeader, FyScroll },
   data() {
     return { q: '', open: {}, off: null }
   },
@@ -107,6 +110,7 @@ export default {
       if (!p.phone) return toast('该同事未登记手机号')
       uni.makePhoneCall({ phoneNumber: String(p.phone) })
     },
+    reload() { store.refreshPeoplePhotos() },
     goSearch() { uni.navigateTo({ url: '/pages/search/search' }) },
     goGroup() { uni.navigateTo({ url: '/pages/chat/create' }) },
     goGroups() {