个性化阅读
专注于IT技术分析

Polymerjs iron-swipable-container元素

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>

输出

iron-swipable-container
赞(0)
未经允许不得转载:srcmini » Polymerjs iron-swipable-container元素

评论 抢沙发

评论前必须登录!