ionic-framework - 使 ItemReorder 中的整个 ion-item 可拖动

Question

在我的应用程序中，我有一个 ItemReorder如文档中所述:

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

它按预期工作，我可以拖动 ion-items通过指向 reoder 图标(参见手绘圆圈):


我发现在平板电脑上与潜在用户进行测试时，许多用户一开始没有看到该图标和/或尝试拖动 ion-item不指向图标。他们期望整个 ion-item可拖动:



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

我已经检查了两次文档，用谷歌搜索并找到了 this unanswered question on the ionic forum和 this plugin for Ionic v1 .我也扫描了 Github 上的代码没有成功。

Answer 1

        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;
        }

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