iron-swipable-container用于交换其嵌套子代, 即自定义或本机元素。默认过渡是水平或曲线, 但是你可以修改过渡的持续时间和属性。
你可以使用以下类和属性来禁用刷卡:
- disable-swipe类:可用于禁用对单个孩子的刷卡。
- disable-swipe属性:可用于禁用整个容器的滑动。
例子
打开命令提示符, 并使用以下命令转到你的项目文件夹以实现iron-swipable-container元素:
bower install PolymerElements/iron-swipable-container --save
上面的命令在bower_components文件夹中安装iron-swipeable-container元素。然后, 必须将其导入到index.html文件中, 如以下命令所示。
<link rel = "import" href = "iron-swipable-container/iron-swipable-container.html">
例子
<!DOCTYPE html>
<html>
<head>
<title>iron-swipable-container</title>
<base href = https://polygit.org/polymer+1.4.0/components/">
<script src = webcomponentsjs/webcomponents-lite.min.js"></script>
<link rel = import" href = polymer/polymer.html">
<link rel = import" href = iron-swipeable-container/iron-swipeable-container.html">
<style>
.content {
background-color: LightGrey;
width: 16%;
padding: 10px 10px 10px 10px;
}
</style>
</head>
<body>
<h2>Iron-Swipable-Container Example</h2>
<iron-swipeable-container>
<div class = content">Swipe me left or right</div>
</iron-swipeable-container>
</body>
</html>
输出
评论前必须登录!
注册