作者:管理员  历史版本:1  最后编辑:龚清  更新时间:2024-11-20 15:41

基础功能

用于页面内容过多时,需要一步返回初始位置操作时得操作。


当ibps-back-to-top元素中注入对应得参数属性后得效果,一样和容器配合使用,具体代码可参考项目路径src\views\system\dashboard\page.vue

<template>
<ibps-container
    ref="dashboardContainer"
    v-loading="loading"
    :element-loading-text="$t('common.loading')"
    :scroll-delay="scrollDelay"
    type="full"
    class="ibps-desktop-page"
    @scroll="({x, y}) => { scrollTop = y }"
  >
  ...
  <ibps-back-to-top
      :visibility-height="150"
      :scroll-top="scrollTop"
      transition-name="fade"
      @scroll-to-top="scrollToTop"
    />
  ...
  </ibps-container>
</template>
<script>
import IbpsBackToTop from '@/components/ibps-back-to-top'

export default {
  components: {
    IbpsBackToTop
  },
  data() {
    ...
  }
}
</script>