介绍
@npm-polymer/iron-swipeable-container 是 Polymer 框架下的一个 npm 包，提供了一种模拟 iOS 可滑动列表的交互方式。该组件可以让用户在滑动列表项时进行额外的操作，例如删除或前往详情页面等。
安装
在使用 @npm-polymer/iron-swipeable-container 之前，需要确保已经安装了 Polymer 和必要的依赖项。然后可以通过 npm 安装 @npm-polymer/iron-swipeable-container：
npm install --save @npm-polymer/iron-swipeable-container
使用
在 Polymer 模块中引入 @npm-polymer/iron-swipeable-container：
<link rel="import" href="../node_modules/@npm-polymer/iron-swipeable-container/iron-swipeable-container.html">
在页面中创建一个 iron-swipeable-container：
<iron-swipeable-container items="[[items]]" swipe-right-actions="[[swipeRightActions]]">
<template>
<div class="list-item">
<p>[[item.name]]</p>
</div>
</template>
</iron-swipeable-container>其中 items 是列表项的数据源，swipeRightActions 是用户向右滑动时出现的选项卡，template 中的内容会被渲染为列表项的样式。
示例
下面是一个使用 @npm-polymer/iron-swipeable-container 的示例，展示了如何创建一个包含多个列表项的可滑动列表：
-- -------------------- ---- -------
----------- -------------
----------
-------
---------- -
------- -----
-------- -----
------------ -------
---------------- -------
----------------- --------
-
--------
------------------------- ----------------- --------------------------------------------
----------
---- ------------------
--------------------
------
-----------
---------------------------
-----------
--------
----- ------ ------- --------------- -
------ --- ---- - ------ ---------- -
------ --- ------------ -
------ -
------ -
----- ------
------ -- -- --
- ----- ----- -- --
- ----- ----- -- --
- ----- ----- -- --
- ----- ----- -- --
- ----- ----- -- -
--
--
------------------ -
----- ------
------ -- -- --
- ----- --------- ------ ----- --
- ----- ------- ------ ------ -
--
-
--
-
-
-------------------------------- --------
---------
-------------指导意义
@npm-polymer/iron-swipeable-container 提供了一种简单且易用的交互方式，可以为用户提供更好的体验。使用该组件可以减少开发人员的工作量，同时也可以提高用户的满意度。在实际项目中，合理地运用 @npm-polymer/iron-swipeable-container 可以使应用程序更加人性化。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055ff281e8991b448ddb53