在app-toolbar前面显示paper-spinner

时间:2017-12-08 22:07:22

标签: polymer-2.x

需要一些关于如何实现加载/忙碌状态的最佳建议。在我的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但没有帮助。应用程序工具栏获取整个视图,在开发工具中,我可以看到微调器处于活动状态,但隐藏在应用程序工具栏后面,因此不可见。

0 个答案:

没有答案