mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2026-03-13 10:22:08 +08:00
checkbox updates
This commit is contained in:
59
ionic/components/show-hide-when/test/basic/main.html
Normal file
59
ionic/components/show-hide-when/test/basic/main.html
Normal file
@@ -0,0 +1,59 @@
|
||||
|
||||
<ion-toolbar><ion-title>Show/Hide When</ion-title></ion-toolbar>
|
||||
|
||||
|
||||
<ion-content class="padding">
|
||||
|
||||
<p show-when="ios" style="background:blue; color:white">
|
||||
show-when="ios"
|
||||
</p>
|
||||
|
||||
<p show-when="android" style="background:green; color:white">
|
||||
show-when="android"
|
||||
</p>
|
||||
|
||||
<p show-when="android,ios" style="background:yellow;">
|
||||
show-when="android,ios"
|
||||
</p>
|
||||
|
||||
<p show-when="core" style="background:#ddd;">
|
||||
show-when="core"
|
||||
</p>
|
||||
|
||||
<p show-when="mobile" style="background:orange;">
|
||||
show-when="mobile"
|
||||
</p>
|
||||
|
||||
<p show-when="phablet" style="background:red;">
|
||||
show-when="phablet"
|
||||
</p>
|
||||
|
||||
<p show-when="tablet" style="background:black;color:white">
|
||||
show-when="tablet"
|
||||
</p>
|
||||
|
||||
<p show-when="iphone" style="background:purple; color:white;">
|
||||
show-when="iphone"
|
||||
</p>
|
||||
|
||||
<p show-when="landscape" style="background:pink;">
|
||||
show-when="landscape"
|
||||
</p>
|
||||
|
||||
<p show-when="portrait" style="background:maroon; color:white;">
|
||||
show-when="portrait"
|
||||
</p>
|
||||
|
||||
<p hide-when="ios" style="background:blue; color:white">
|
||||
hide-when="ios"
|
||||
</p>
|
||||
|
||||
<p hide-when="android" style="background:green; color:white">
|
||||
hide-when="android"
|
||||
</p>
|
||||
|
||||
<p hide-when="android,ios" style="background:yellow;">
|
||||
hide-when="android,ios"
|
||||
</p>
|
||||
|
||||
</ion-content>
|
||||
Reference in New Issue
Block a user