Polymerjs iron-swipable-container元素

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-swipable-container元素

文章图片

    推荐阅读