mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-21 21:15:24 +08:00
31 lines
753 B
HTML
31 lines
753 B
HTML
<ion-navbar *navbar>
|
|
<ion-title>ShowWhen</ion-title>
|
|
</ion-navbar>
|
|
|
|
<ion-content padding class="show-when-demo">
|
|
<h5>If the platform is Android, it will show the Android logo. If the platform is iOS, it will show the Apple logo.</h5>
|
|
|
|
<div class="icon-div" showWhen="android">
|
|
<ion-icon name="logo-android"></ion-icon><br>
|
|
<code><div showWhen="android"></code>
|
|
</div>
|
|
<div class="icon-div" showWhen="ios">
|
|
<ion-icon name="logo-apple"></ion-icon><br>
|
|
<code><div showWhen="ios"></code>
|
|
</div>
|
|
</ion-content>
|
|
|
|
<style>
|
|
.show-when-demo .icon-div {
|
|
text-align: center;
|
|
}
|
|
|
|
.show-when-demo .icon-div ion-icon {
|
|
font-size: 200px;
|
|
}
|
|
|
|
.show-when-demo .icon-div code {
|
|
background: #f8f8f8;
|
|
}
|
|
</style>
|