iron-swipable-container用于交换其嵌套子代, 即自定义或本机元素。默认过渡是水平或曲线, 但是你可以修改过渡的持续时间和属性。
【Polymerjs 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 = "http://www.srcmini.com/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 = http://www.srcmini.com/webcomponentsjs/webcomponents-lite.min.js">
<
/script>
<
link rel = import" href = http://www.srcmini.com/polymer/polymer.html">
<
link rel = import" href = http://www.srcmini.com/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>
输出
文章图片
推荐阅读
- Polymerjs iron图标iron-icon
- Polymerjs iron-image图像元素
- Polymerjs iron-flex-layout元素
- 让你更值钱的方法(培养稀缺(追逐新技术,淬炼已有技能做到出类拔萃,寻找自己所在的行业痛点,App开发者是市场动态平衡的典型))
- android日期时间选择器
- Android之滑轮日期选择器
- [Vue warn]: Cannot find element: #app
- Android Viewpager加Fragment做界面切换时数据消失的解决方式
- Android APK 手动签名