首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >带霓虹灯动画页面的聚合物入门套件

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

Stack Overflow用户
提问于 2016-02-16 01:53:39
回答 2查看 507关注 0票数 0

我只看到了伟大的多路广播#25:https://www.youtube.com/watch?v=wMhq1o0DULM

这很好用,但我想使用类似的东西与聚合物初学者工具包,但在PSK中,他们使用的路由铁页(我认为这是最佳实践,不是吗?)但是我太新手了:(,我不能把铁页面和霓虹灯动画页面结合起来:(你有没有例子或者手册来实现它?

非常感谢..。

EN

回答 2

Stack Overflow用户

发布于 2016-12-10 19:34:20

只需替换你的铁页:

代码语言:javascript
复制
 <iron-pages selected="[[page]]" attr-for-selected="name">
   <my-view1 name="view1"></my-view1>
   <my-view2 name="view2"></my-view2>
 </iron-pages>

使用霓虹灯动画页面,并选择进入和退出动画:

代码语言:javascript
复制
<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安装霓虹灯动画

包括以下元素:

代码语言:javascript
复制
<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">

你就可以走了。

票数 2
EN

Stack Overflow用户

发布于 2016-02-17 18:45:35

现在,在聚合物初学者工具包存储库中有一个recipe可以执行此操作。

如果您需要集成的工作示例,可以在此处找到(基于Polymer Starter Kitv1.2.3):https://github.com/vguillou/polymer-starter-kit/tree/neon-animated-pages-basic

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/35415912

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档