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

pages/tabs/clock.vue

@@ -1,6 +1,7 @@
 <template>
-  <view class="page">
+  <view class="page edge">
     <fy-header title="打卡" />
+    <fy-scroll class="edge-scroll" dock @refresh="reload">
     <view v-if="!canPunch" class="deny">当前账号没有打卡权限</view>
     <view v-else class="body">
       <view class="clock-box">
@@ -41,16 +42,18 @@
         </view>
       </view>
     </view>
+    </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 { clockText, toast } from '../../utils/format.js'
 
 export default {
-  components: { FyHeader },
+  components: { FyHeader, FyScroll },
   data() {
     return { now: clockText(), timer: 0, punching: false, off: null }
   },
@@ -92,6 +95,7 @@ export default {
         this.punching = false
       }
     },
+    reload() { store.refreshAttendance() },
     goKind(kind) {
       if (!store.can('personal', 'apply')) return toast('没有发起申请权限')
       uni.navigateTo({ url: '/pages/apply/form?kind=' + kind })