0

素晴らしいポリキャスト #25 を見ただけです: https://www.youtube.com/watch?v=wMhq1o0DULM

それは問題なく動作しますが、Polymer Starter Kit で同様のものを使用したいのですが、PSK ではルート付きのアイアンページを使用します (これはベスト プラクティスだと思いますよね?)。 '鉄のページとネオンアニメーションのページを組み合わせないでください:( ¿それを実装するための例またはマニュアルはありますか?

どうもありがとう ....

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 に答える