使得在ItemReorder拖动整个离子项目

问题描述 投票:5回答:1

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

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

它按预期工作,我可以通过在reoder图标(见写意圆)指向拖动ion-itemsenter image description here

与潜在用户在平板电脑上,我发现了测试,很多用户没有看到图标,第一和/或试图拖动ion-item而不在图标指向。他们希望整个ion-item为可拖动:

enter image description here

我怎样才能实现呢?任何有识之士的赞赏!


我已经检查了两次文档,Google搜索和发现this unanswered question on the ionic forumthis plugin for Ionic v1。我也扫描上Github代码没有成功。

ionic-framework ionic3 draggable
1个回答
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;
        }

的缺点是,没有较明显的重排图标。

© www.soinside.com 2019 - 2024. All rights reserved.