使ItemReorder中的整个离子项可拖动

时间:2018-02-09 09:16:41

标签: ionic-framework ionic3 draggable

在我的申请表中,我已按照文档中的说明获得ItemReorder

<ion-list reorder="true">
  <ion-item *ngFor="let item of items">{{ item }}</ion-item>
</ion-list>

它可以正常工作,我可以通过指向reoder图标来拖动ion-items(参见手绘圈): enter image description here

我发现平板电脑上的潜在用户正在测试,许多用户最初都没有看到图标和/或尝试拖动ion-item而不指向图标。他们期望整个ion-item可以拖延:

enter image description here

我该如何实现?任何见解都表示赞赏!

我已经检查了两次文档,用Google搜索并找到this unanswered question on the ionic forumthis plugin for Ionic v1。我还在Github上扫描了代码但没有成功。

1 个答案:

答案 0 :(得分:0)

        The ideea of this css solution is to have the reorder icon invisible above the zone which you want to reorder. I have changed the icons to be on the right side <ion-list side="start"  and I have changed the css like this 

现在对我来说,它正在工作。

        ion-reorder{
            position: absolute;
            width: 22%;
            max-width: 100%;
            opacity: 0;
        }

缺点是没有更多可见的重新排序图标。