首页 > 解决方案 > 离子弹出按钮

问题描述

我想在导航栏的末尾创建一个注销按钮。我做了这样的事情:

在此处输入图像描述

但我想这样做:

在此处输入图像描述

标签: javascripthtmlangulartypescriptionic-framework

解决方案


你为什么不只使用一个简单的按钮而不是弹出窗口。像这样的东西:

<ion-header>
    <ion-toolbar>
        <ion-buttons slot="start">
            <ion-button> <ion-icon name="arrow-back"></ion-icon> </ion-button>
        </ion-buttons>

        <ion-buttons slot="end">
            <ion-item  lines="none">
                         <ion-button> <ion-icon name="logout"></ion-icon> </ion-button>
            </ion-item>
        </ion-buttons>

        <ion-title> Title </ion-title>
    </ion-toolbar>
</ion-header>

推荐阅读