PrimeNg-侧栏模块无法正确显示

Question

我正在尝试创建一个右侧边栏1导航（在单击btn1时打开），在其中应该从顶部打开另一个侧边栏导航（在单击{{1}时打开） }），其中sidebar2只要打开就应该在叠加层之外。（每个叠加层的叠加层都不正确）。

我正在使用此基本链接-https://www.primefaces.org/primeng/#/sidebar

https://stackblitz.com/edit/primeng-template-4gf9tj?file=app%2Fapp.component.html

注意：-在侧边栏1打开时，黑色背景在全屏上显示，同样，当侧边栏2从顶部打开时，侧边栏1上应该有黑色背景。

Answer 1

按照素数documentation。

  

baseZIndex -number-0-用于分层的基本zIndex值。

您需要将def error(): if "message" in r.json(): logText = time.strftime('%Y-%m-%d %H:%M:%S', time.localtime()) + " : " + r.json()['message'] c.execute("INSERT INTO log VALUES ('"+ logText +"')") conn.commit() if "validationErrors" in r.json(): logText = time.strftime('%Y-%m-%d %H:%M:%S', time.localtime()) + " : " + r.json()['validationErrors'][0] c.execute("INSERT INTO log VALUES ('"+ logText +"')") conn.commit() os._exit(1) 作为z-index应用于图层，该图层似乎位于其上方。

像这样

-1

编辑：

所以，这似乎不是primng的问题

我相信您忘记了主题风格

我添加了

<button (click)="openTab()">btn1</button>
<p-sidebar class="menuPanel" [(visible)]="opened" position="right" [showCloseIcon]="true" autoZIndex="true" baseZIndex="-1">
Sidebar1
<button (click)="openTab2()">btn2</button>
    <p-sidebar class="menuPanel" [(visible)]="filterStatus" position="top" [showCloseIcon]="true" autoZIndex="false" baseZIndex="-1">
       sidebar2
    </p-sidebar>
</p-sidebar>

按照声明的here

现在效果很好

这是改变的东西

<link rel="stylesheet" type="text/css" href="/node_modules/primeicons/primeicons.css" />
<link rel="stylesheet" type="text/css" href="/node_modules/primeng/resources/themes/nova-light/theme.css" />
<link rel="stylesheet" type="text/css" href="/node_modules/primeng/resources/primeng.min.css" />

DEMO