0

我刚刚看到了很棒的多播 #25：https ://www.youtube.com/watch?v=wMhq1o0DULM

这很好用，但我想使用与 Polymer Starter Kit 类似的东西，但在 PSK 中，他们使用带有路由的铁页（我认为这是最佳实践，不是吗？）但我很菜鸟 :(，我可以不要将 Iron-pages 与 neon-animated-pages 结合起来 :( ¿你有例子或手册来实现它吗？

非常感谢 ....

4

2 回答 2

2

只需更换您的铁页：

 <iron-pages selected="[[page]]" attr-for-selected="name">
   <my-view1 name="view1"></my-view1>
   <my-view2 name="view2"></my-view2>
 </iron-pages>

使用霓虹动画页面并选择您的进入和退出动画：

<neon-animated-pages selected="[[page]]" attr-for-selected="name" fallback-selection="404" entry-animation="slide-from-bottom-animation" exit-animation="fade-out-animation">
   <my-view1 name="view1"></my-view1>
   <my-view2 name="view2"></my-view2>
</neon-animated-pages>

安装霓虹动画bower install --save PolymerElements/neon-animation

包括以下元素：

<link rel="import" href="../bower_components/neon-animation/neon-animated-pages.html">
<link rel="import" href="../bower_components/neon-animation/animations/slide-from-bottom-animation.html">
<link rel="import" href="../bower_components/neon-animation/animations/fade-out-animation.html">

你很高兴。

于 2016-12-10T11:34:20.457 回答
0

现在在 Polymer Starter Kit 存储库中有一个方法可以做到这一点。

如果您想要该集成的工作示例，可以在此处找到一个（基于 Polymer Starter Kit v1.2.3）： https ://github.com/vguillou/polymer-starter-kit/tree/neon-animated-pages-基本的

于 2016-02-17T10:45:35.017 回答