mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-19 03:32:21 +08:00
141 lines
2.9 KiB
HTML
141 lines
2.9 KiB
HTML
|
|
<ion-navbar *navbar hide-back-button class="show-navbar android-attr">
|
|
<ion-title>Card Images</ion-title>
|
|
</ion-navbar>
|
|
|
|
<ion-content class="has-header components-demo cards-bg">
|
|
|
|
<ion-card>
|
|
|
|
<img src="img/nin-live.png"/>
|
|
|
|
<ion-card-content>
|
|
<h2 class="card-title">
|
|
Nine Inch Nails Live
|
|
</h2>
|
|
<p>
|
|
The most popular industrial group ever, and largely responsible for bringing the music to a mass audience.
|
|
</p>
|
|
</ion-card-content>
|
|
|
|
<ion-item actions class="demo-card">
|
|
<button clear item-left danger>
|
|
<icon star></icon>
|
|
Favorite
|
|
</button>
|
|
<button clear item danger>
|
|
<icon musical-notes></icon>
|
|
Listen
|
|
</button>
|
|
<button clear item-right danger>
|
|
<icon share-alt></icon>
|
|
Share
|
|
</button>
|
|
</ion-item>
|
|
|
|
</ion-card>
|
|
|
|
<ion-card>
|
|
|
|
<div>
|
|
<img src="img/badu-live.png"/>
|
|
</div>
|
|
|
|
<ion-card-content>
|
|
<h2 class="card-title">
|
|
Erykah Badu
|
|
</h2>
|
|
<p>
|
|
American singer-songwriter, record producer, activist, and actress, Badu's style is a prime example of neo-soul.
|
|
</p>
|
|
</ion-card-content>
|
|
|
|
<ion-item actions class="demo-card">
|
|
<button clear item-left danger>
|
|
<icon star></icon>
|
|
Favorite
|
|
</button>
|
|
<button clear item danger>
|
|
<icon musical-notes></icon>
|
|
Listen
|
|
</button>
|
|
<button clear item-right danger>
|
|
<icon share-alt></icon>
|
|
Share
|
|
</button>
|
|
</ion-item>
|
|
|
|
</ion-card>
|
|
|
|
<ion-card>
|
|
|
|
<div>
|
|
<img src="img/queen-live.png"/>
|
|
</div>
|
|
|
|
<ion-card-content>
|
|
<h2 class="card-title">
|
|
Queen
|
|
</h2>
|
|
<p>
|
|
The British rock band formed in London in 1970, and is considered one of the biggest stadium rock bands in the world.
|
|
</p>
|
|
</ion-card-content>
|
|
|
|
<ion-item actions class="demo-card">
|
|
<button clear item-left danger>
|
|
<icon star></icon>
|
|
Favorite
|
|
</button>
|
|
<button clear item danger>
|
|
<icon musical-notes></icon>
|
|
Listen
|
|
</button>
|
|
<button clear item-right danger>
|
|
<icon share-alt></icon>
|
|
Share
|
|
</button>
|
|
</ion-item>
|
|
|
|
</ion-card>
|
|
|
|
<ion-card>
|
|
|
|
<div>
|
|
<img src="img/rundmc-live.png"/>
|
|
</div>
|
|
|
|
<ion-card-content>
|
|
<h2 class="card-title">
|
|
Run-D.M.C.
|
|
</h2>
|
|
<p>
|
|
The American hip hop group widely acknowledged as one of the most influential acts in the history of hip hop.
|
|
</p>
|
|
</ion-card-content>
|
|
|
|
<ion-item actions class="demo-card">
|
|
<button clear item-left danger>
|
|
<icon star></icon>
|
|
Favorite
|
|
</button>
|
|
<button clear item danger>
|
|
<icon musical-notes></icon>
|
|
Listen
|
|
</button>
|
|
<button clear item-right danger>
|
|
<icon share-alt></icon>
|
|
Share
|
|
</button>
|
|
</ion-item>
|
|
|
|
</ion-card>
|
|
|
|
|
|
|
|
</ion-content>
|
|
|
|
|
|
|
|
|