HarmonyOS 鸿蒙Next想要实现红包雨效果但是view在移动过程中点不到

可以参考demo:

class ControllerClass {
  add = () => {
  }
}

@Entry
@Component
struct RedEnvelopePage {
  @State controllerClassIns: ControllerClass = new ControllerClass()

  build() {
    Column() {
      RedEnvelope({ dmController: this.controllerClassIns })
      Flex({ justifyContent: FlexAlign.SpaceAround }) {
        Button('发送红包').onClick(() => {
          this.controllerClassIns.add()
        })
      }.padding(20)
    }
    .border({ width: 1 })
    .width('100%')
    .margin({ top: '25%' })
    .height('50%')
  }
}

@Observed
class dmItemClass {
  id: number = 0
  positionY = -150
  angle = Math.random() * 360
}

@Component
struct RedEnvelope {
  @Link dmController: ControllerClass
  @State dmItemList: dmItemClass[] = []
  @State dmHeight: number = 0

  aboutToAppear(): void {
    this.dmController.add = () => {
      this.add()
    }
  }

  build() {
    Column() {
      ForEach(this.dmItemList, (dmItem: dmItemClass, index) => {
        Column() {
          RedEnvelopeItem({ dmHeight: this.dmHeight, item: dmItem })
        }
        .height('100%')
        .position({ x: 0, y: 0 })
      }, (item: dmItemClass, index) => item.id.toString())
    }
    .onSizeChange((old, newVal) => {
      this.dmHeight = newVal.height as number
    })
    .clip(true)
    .height('100%')
    .width('100%')
  }

  add() {
    let ins = new dmItemClass()
    if (this.dmItemList.length > 0) {
      ins.id = this.dmItemList[this.dmItemList.length - 1].id + 1
    }
    this.dmItemList.push(ins)
  }
}

@Reusable
@Component
struct RedEnvelopeItem {
  @Prop dmHeight: number
  positionX: number = Math.random() * 330
  @ObjectLink item: dmItemClass
  inervalNum = -1

  aboutToAppear(): void {
    this.inervalNum = setInterval(() => {
      this.item.positionY += 2
    }, 20)
  }

  build() {
    if (this.item.positionY < (this.dmHeight + 100)) {
      Column() {}
      .onClick(() => {
        console.info("点击红包")
      })
      .width(60)
      .height(100)
      .backgroundColor('red')
      .border({ width: 2 })
      .rotate({ angle: this.item.angle })
      .onClick(() => {
        console.info("进入点击红包")
      })
      .onDisAppear(() => {
        clearInterval(this.inervalNum)
      })
      .position({
        x: this.positionX ? this.positionX : 0,
        y: this.item.positionY
      })
    }
  }
}