我想用hbuilderx的vue让触摸反馈实现大概几秒之后弹出反馈成功的页面要怎么写啊

要在 HBuilderX 的 Vue 项目中实现触摸反馈，并在几秒后弹出反馈成功的页面，你可以按照以下步骤进行操作：

1. 首先，在你的 Vue 组件中，定义一个变量来控制触摸反馈和反馈成功页面的显示状态：

data() {
  return {
    showFeedback: false, // 是否显示触摸反馈
    showSuccessPage: false // 是否显示反馈成功页面
  };
}

2. 在触摸事件的处理函数中，设置触摸反馈的显示状态，并使用 `setTimeout` 函数来延时几秒后显示反馈成功页面：

methods: {
  handleTouch() {
    this.showFeedback = true; // 显示触摸反馈

    setTimeout(() => {
      this.showFeedback = false; // 隐藏触摸反馈
      this.showSuccessPage = true; // 显示反馈成功页面
    }, 3000); // 延时 3 秒后显示反馈成功页面
  }
}

3. 根据 `showFeedback` 变量的值，使用 CSS 样式来控制触摸反馈的显示与隐藏：

<template>
  <div>
    <div class="touch-feedback" v-if="showFeedback"></div>
    <div class="success-page" v-if="showSuccessPage">
      <h2>反馈成功</h2>
      <!-- 反馈成功页面的内容 -->
    </div>
  </div>
</template>

<style>
.touch-feedback {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9999;
}

.success-page {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  padding: 20px;
  border-radius: 8px;
  text-align: center;
}
</style>

在上述代码中，触摸反馈使用一个全屏的半透明背景层，通过控制 `showFeedback` 变量的值来显示或隐藏这个背景层。反馈成功页面则使用一个固定在屏幕中间的弹窗，通过控制 `showSuccessPage` 变量的值来显示或隐藏反馈成功页面。

你可以根据实际需求调整触摸反馈和反馈成功页面的样式和布局。

希望以上信息对你有帮助。如果还有其他问题，请随时提问。