需要一些关于如何实现加载/忙碌状态的最佳建议。在我的index.html中的PWA中我有
<body>
<paper-toast id="toast" text="Hi, welcome!"></paper-toast>
<paper-spinner id="working" class="mainSpinner" active></paper-spinner>
<my-app></my-app>
<noscript>
Please enable JavaScript to view this website.
</noscript>
my-app元素具有典型的应用布局,根据Polymer Starter Kit。 app-toolbar,app-drawer等。我在加载开始时以编程方式转动微调器的活动标志,并在加载任何元素或数据时将其关闭。
我面临的问题是微调器隐藏在应用工具栏后面。如果我将微调器活动标志更改为true,则不会显示。
我知道如何将微调器放在app-toolbar中的所有元素之上?
我尝试使用z-index来设置微调器的CSS:-1但没有帮助。应用程序工具栏获取整个视图,在开发工具中,我可以看到微调器处于活动状态,但隐藏在应用程序工具栏后面,因此不可见。