平滑的幻灯片过渡,可在列表中滑动项目

时间:2019-05-26 10:12:15

标签: javascript css typescript ionic-framework ionic4

我正在使用带有项目列表的离子框架编写一个新的移动应用程序。我需要能够滑动列表中的每个项目,并在用户滑动项目时对该项目执行操作。 ionic提供滑动项,这会弹出一个按钮。我不希望用户单击按钮,而是希望在用户滑动/滑动项目时直接采取措施。因此,我正在使用ion-item-slide,并在采取措施后关闭了该项目。

以下是工作代码:

page1.html

<ion-list>
    <ion-item-sliding #item>
        <ion-item-options side="start" (ionSwipe)="favorite(item)">
            <ion-item-option color="danger" expandable>
                Update
            </ion-item-option>
        </ion-item-options>
        <ion-item>Test</ion-item>
    </ion-item-sliding>
</ion-list>

page1.ts

favourite(item:any)
{
   item.close() ; 
}

Example link of smoother transition for swipe

mobiScroll中提供了此功能,但是,我发现没有必要为此功能购买整个库。

0 个答案:

没有答案