<template>
  <view class="ScrollY">
    <scroll-view style="width: 100%; height: 100%;" :scroll-y="true" :refresher-enabled="true" :refresher-threshold="120" refresher-background="#f8f8f8" :refresher-triggered="IsRefreshing" @refresherpulling="$emit('Refresh')" @scrolltolower="$emit('ScrollBottom')">
      <slot></slot>
    </scroll-view>
  </view>
</template>

<script>
export default {
  name: 'ScrollY',
  props: {
    IsRefreshing: {
      default: false,
      type: Boolean
    }
  },
  data () {
    return {
    }
  },
  methods: {
  }
}
</script>

<style>
.ScrollY {
  width: 100%;
  height: 100%;
}
</style>
