是否可以为PSK创建初始加载屏幕(即微调器),以便在<my-app>
准备好/加载之前改善第一个颜色?这将至少告知用户应用程序正在加载而不是具有空页面(即缓慢的第一次绘制)
示例代码会很好。
答案 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组件(可能是你的工具栏等等)+你可以在里面添加花哨的微调动画......它只是效果很好。