介绍
@npm-polymer/iron-swipeable-container 是 Polymer 框架下的一个 npm 包，提供了一种模拟 iOS 可滑动列表的交互方式。该组件可以让用户在滑动列表项时进行额外的操作，例如删除或前往详情页面等。
安装
在使用 @npm-polymer/iron-swipeable-container 之前，需要确保已经安装了 Polymer 和必要的依赖项。然后可以通过 npm 安装 @npm-polymer/iron-swipeable-container：
--- ------- ------ -------------------------------------
使用
在 Polymer 模块中引入 @npm-polymer/iron-swipeable-container：
----- ------------ -------------------------------------------------------------------------------------------
在页面中创建一个 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