網站搜尋

angular - ionic 3 透過拖動重新排序欄位


我正在使用 Ionic 3 和 Angular 來建構一個網站。其中一個頁面更像是一個入口網站,這裡有不同大小的小工具。我是基於一個一般的想法來構建它的

<ion-grid>
 <ion-row>
   <ion-col col-auto>
   ...
   </ion-col>
    <ion-col col-auto>
   ...
   </ion-col>
   ...
  </ion-row>
  </ion-grid>

基本上就是在網格中放一個單行,所有欄位都設為 col-auto。如果所有欄位無法排在同一行,這會自動將欄位換行。這正是我想要的。

然而,我真正需要的一件事是能夠拖動一個欄位並將其移動到另一個位置,這基本上可以即時改變我的版面配置。

我該怎麼做?