Polymer 尝试将核心动画页面组件中的交叉淡入淡出全部效果更改为幻灯片效果

Polymer 尝试将核心动画页面组件中的交叉淡入淡出全部效果更改为幻灯片效果,polymer,Polymer,我的聚合元素中有核心动画页面元素: <link rel="import" href="../public/components/core-animated-pages/core-animated-pages.html"> <polymer-element name="welcom-arrow" attributes="counter"> <template> <style> </style> <core-animated-pa

我的聚合元素中有核心动画页面元素:

<link rel="import" href="../public/components/core-animated-pages/core-animated-pages.html">

<polymer-element name="welcom-arrow" attributes="counter">
<template>
<style>

</style>
<core-animated-pages transitions="cross-fade-all" selected="{{welcomPage}}">
  <section>
    <div class="blueBackground">
      <h1>asd</h1>
      <h3>asdasdasdn</h3>
      <paper-button on-tap="{{Foward}}">
        Keep Going
        <core-icon icon="forward"></core-icon>
      </paper-button>
    </div>
  </section>
  <section>
    <div class="blueBackground">
      welcom 2
    </div>
  </section>
</core-animated-pages>
</template>
<script>
Polymer({
  welcomPage: 0,
  Foward: function() {
    this.welcomPage++;
  },
  Backward: function() {
    this.welcomPage--;
  }
});
</script>
</polymer-element>

自闭症
asdasdasdn
继续前进
欢迎2
聚合物({
welcomPage:0,
Foward:function(){
这个.welcomPage++;
},
向后:函数(){
这是我们公司;
}
});

我的“全部交叉淡入淡出”(cross fade all)过渡效果很好,但当我想通过将“全部交叉淡入淡出”(cross fade all)属性切换为“右侧幻灯片”(slide from right)来将其更改为幻灯片效果时,效果不起作用。如何解决此问题?

您只需导入转换本身

<link rel="import" href="../public/components/core-animated-pages/transitions/slide-from-right.html">

现在你可以改变你的转变

<core-animated-pages transitions="slide-from-right" selected="{{welcomPage}}">

上一次转换之所以有效,是因为
核心动画页面
已经导入了它

希望有帮助