如何在Ionic 4/5中拖动元素

<ion-card ion-drag>
  <!-- 元素内容 -->
</ion-card>

import { Component } from '@angular/core';

@Component({
  selector: 'app-my-page',
  templateUrl: 'my-page.html',
  styleUrls: ['my-page.scss'],
})
export class MyPage {

  ionViewDidEnter() {
    const draggableElement = document.querySelector('ion-card');
    draggableElement.addEventListener('ionDrag', this.onDrag);
  }

  onDrag(event) {
    // 处理拖动逻辑
  }

}

onDrag(event) {
  const draggableElement = event.target;
  draggableElement.style.transform = `translate(${event.detail.deltaX}px, ${event.detail.deltaY}px)`;
}