我在离子内容中有按钮不可点击 . 当我把它们带出来时,它们工作得很好 . 这是我的HTML和SCSS . 很奇怪的行为,也许我错过了什么?
<ion-content no-bounce>
<div class="content_cover_exit">
<button class="exit-button" (click)="logoutUser()">
<ion-icon name="ios-exit-outline" class="icon-exit-class"></ion-icon>
EXIT
</button>
</div>
</ion-content>
.content_cover_exit {
width: 100%;
text-align: center;
position: fixed;
bottom: 70px;
z-index: 9999;
margin-bottom: constant(safe-area-inset-bottom);
margin-bottom: env(safe-area-inset-bottom);
}
.exit-button {
height: 2.0em;
border-radius: 5px;
opacity: 100%;
background-color: white;
font-size: 0.8em;
font-weight: 400;
letter-spacing: 1.2px;
color: $dark-text;
z-index: 999999;
}
.exit-button.activated {
background-color: white;
}
.icon-exit-class {
color: $dark-text;
}
更新:进一步的研究表明即使* ngIf也不起作用!这是乞求看起来超级奇怪!
2 回答
只需将ion-button指令添加到按钮标签,它就可以正常工作 .
离子增加了一些增强的离子按钮指令 .
try like this
和你的
.ts
}}