Question

我只看到伟大的polycast＃25：https://www.youtube.com/watch?v=wMhq1o0DULM

工作正常，但我想使用类似于Polymer Starter Kit的东西，但在PSK中他们使用带有路线的铁页（我认为这是最好的做法，不是吗？）但我是新秀:(，我不能将铁页与霓虹动画页面结合起来:(¿你有一个例子或手册来实现吗？

非常感谢....

Answer 1

只需更换你的铁页：

 <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">

你很高兴。

Answer 2

现在有一个recipe可以在Polymer Starter Kit存储库中执行此操作。

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

带有霓虹动画页面的聚合物入门套件

2 个答案: