gpt4 book ai didi

ionic-framework - 如何在 ionic 当前页面上重叠侧面菜单?

转载 作者:行者123 更新时间:2023-12-03 23:35:55 25 4
gpt4 key购买 nike

默认情况下,在 Ionic 侧边菜单中,单击侧边菜单按钮时会推送当前页面。但是我需要像大多数应用程序一样将侧边菜单重叠在当前页面上。怎么做?我应该在哪里更改代码?只需考虑一个来自 ionic 的默认侧边菜单模板。

   <ion-side-menus enable-menu-with-back-views="false">
<ion-side-menu-content>
<ion-nav-bar class="bar-positive bar-blue">
<ion-nav-back-button></ion-nav-back-button>
<ion-nav-buttons side="left">
<button class="button button-icon button-clear ion-navicon" menu-toggle="left"></button>
</ion-nav-buttons>
<ion-nav-buttons side="right">
<a menu-close href="#/app/playlists" class="cancelbutton">
<button class="button button-icon button-clear " ng-hide=cancelflag>cancel</button>
</a>
</ion-nav-buttons>
</ion-nav-bar>
<ion-nav-view name="menuContent"animation="fade-in-out"></ion-nav-view>
</ion-side-menu-content>

<ion-side-menu side="left">
<ion-header-bar class="bar-positive bar-image sidemenu-header">
<h1 class="title title-left">{{currentuser}}</h1>
</ion-header-bar>
<ion-content>
<ion-list>
<!-- <ion-item menu-close href="#/testing">
testinglogin
</ion-item> -->
<ion-item menu-close href="#/app/home" ng-show=adminflag>
<label class="item-input labelclearpadding">
<i class="icon paddingicon"><img src="img/user.png" alt="" class="placeholder dateicon"/></i>
all details
</label>
</ion-item>
</ion-list>
<ion-list>
</ion-list>
</ion-content>
</ion-side-menu>
</ion-side-menus>

最佳答案

我正在研究 ionic 2,这仅对它有帮助。
我也在找同样的问题-
我读了document here.
菜单类型解释非常清楚,添加 type="overlay"并完成了我的任务

<ion-menu [content]="content" side="right" type="overlay">
................
...............
lines of code goes here
...............
................

</ion-menu>

在哪里-
Side => 从右边切换
type => 在当前屏幕上显示菜单类型。

关于ionic-framework - 如何在 ionic 当前页面上重叠侧面菜单?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36053039/

25 4 0