不是 我是说上面给的代码不能实现滚动提示啊

非常抱歉，我理解错了你的要求。要在HBuilderX中实现滚动到底部的提示，请按照以下步骤操作：

1. 创建一个Vue组件，并命名为`ScrollToBottom`。

2. 在`ScrollToBottom`组件的template中，添加一个包含提示文本的元素，并设置一个唯一的ID。例如：

<template>
  <div>
    <!-- 页面内容 -->
    <!-- 这里是你的页面内容，可以根据需要添加任何元素 -->

    <!-- 下划到底部提示 -->
    <div id="scroll-to-bottom">
      下划到底部
    </div>
  </div>
</template>

3. 在`ScrollToBottom`组件的style中，设置下划到底部提示的样式。例如：

<style>
/* 设置页面高度，使内容超出屏幕高度 */
body {
  height: 2000px;
}

/* 下划到底部提示样式 */
#scroll-to-bottom {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background-color: #f1f1f1;
  padding: 10px;
  border-radius: 5px;
  display: none;
}
</style>

4. 在`ScrollToBottom`组件的script中，添加以下代码：

export default {
  mounted() {
    window.addEventListener('scroll', this.handleScroll);
  },
  beforeDestroy() {
    window.removeEventListener('scroll', this.handleScroll);
  },
  methods: {
    handleScroll() {
      const scrollHeight = document.documentElement.scrollHeight;
      const scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
      const clientHeight = document.documentElement.clientHeight;
      
      if (scrollTop + clientHeight >= scrollHeight) {
        document.getElementById('scroll-to-bottom').style.display = 'block';
      } else {
        document.getElementById('scroll-to-bottom').style.display = 'none';
      }
    }
  }
};

5. 在其他组件中使用`ScrollToBottom`组件，例如：

<template>
  <div>
    <!-- 其他组件内容 -->

    <!-- 使用ScrollToBottom组件 -->
    <ScrollToBottom />
  </div>
</template>

<script>
import ScrollToBottom from '@/components/ScrollToBottom.vue';

export default {
  components: {
    ScrollToBottom
  }
};
</script>

请确保将以上代码保存到正确的文件中，并在浏览器中预览你的页面。当页面滚动到底部时，下划到底部提示将会显示出来。