为PSK创建初始加载屏幕以改善第一个油漆

时间:2018-02-21 15:22:27

标签: polymer polymer-starter-kit

是否可以为PSK创建初始加载屏幕(即微调器),以便在<my-app>准备好/加载之前改善第一个颜色?这将至少告知用户应用程序正在加载而不是具有空页面(即缓慢的第一次绘制)

示例代码会很好。

2 个答案:

答案 0 :(得分:0)

您可以添加index.html文件简单的HTML / CSS预加载器,例如these。它应该动画直到DOMContentLoaded事件。在DOMContentLoaded上,您可以删除该预加载器或在其上设置display:none

答案 1 :(得分:0)

您的index.html内部是您的主要组件

<my-app></my-app>

当组件加载并被绘制时,您在此标签之间放置的所有内容都将被丢弃..

所以就这样做:

<my-app> <h1>HELLO THIS IS THE LOADING SCREEN</h1> </my-app>

当然最好放一些div而不是h1并将它们设置为基本的UI组件(可能是你的工具栏等等)+你可以在里面添加花哨的微调动画......它只是效果很好。