mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-23 14:01:20 +08:00
84 lines
1.7 KiB
HTML
84 lines
1.7 KiB
HTML
<ion-view>
|
|
|
|
<ion-menu id="menu" side="left" [content]="content" (opening)="onMenuOpening($event, amt)">
|
|
<ion-list inset [parallax]="menuOpenAmount">
|
|
<ion-item>
|
|
Search
|
|
</ion-item>
|
|
<ion-item>
|
|
Browse
|
|
</ion-item>
|
|
<ion-item>
|
|
Activity
|
|
</ion-item>
|
|
<ion-item>
|
|
Radio
|
|
</ion-item>
|
|
<ion-item>
|
|
Your Music
|
|
</ion-item>
|
|
<ion-item>
|
|
Settings
|
|
</ion-item>
|
|
</ion-list>
|
|
</ion-menu>
|
|
|
|
<ion-nav #content [root]="rootView"></ion-nav>
|
|
|
|
<style>
|
|
ion-view {
|
|
background-color: black !important;
|
|
}
|
|
.toolbar-container {
|
|
background-color: #202020 !important;
|
|
}
|
|
#menu {
|
|
background: url('http://ionic-io-assets.s3.amazonaws.com/menu.jpg');
|
|
background-size: cover;
|
|
}
|
|
.mode-ios .list .item {
|
|
background: transparent;
|
|
min-height: 55px;
|
|
}
|
|
.mode-ios .list .item ion-item-content {
|
|
background: transparent;
|
|
color: rgba(255,255,255,0.8);
|
|
padding: 10px;
|
|
}
|
|
.mode-ios .toolbar-ios ion-title {
|
|
color: white;
|
|
font-size: 14px;
|
|
font-weight: normal;
|
|
letter-spacing: 2px;
|
|
}
|
|
#menu ion-item .item-label {
|
|
font-size: 22px;
|
|
}
|
|
ion-content {
|
|
background: transparent !important;
|
|
}
|
|
.mode-ios #menu ion-item-content:after {
|
|
background: none;
|
|
}
|
|
.mode-ios .item:first-of-type:before {
|
|
background: none !important;
|
|
}
|
|
.mode-ios .item:last-of-type:after {
|
|
background: none !important;
|
|
}
|
|
.mode-ios .toolbar-container-ios:after {
|
|
background: none;
|
|
}
|
|
|
|
ion-nav {
|
|
background: black;
|
|
}
|
|
|
|
.nav-item {
|
|
background: white;
|
|
}
|
|
|
|
</style>
|
|
|
|
</ion-view>
|