mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-18 19:21:34 +08:00
77 lines
1.5 KiB
HTML
77 lines
1.5 KiB
HTML
|
|
<ion-navbar *navbar class="show-navbar android-attr">
|
|
<ion-title>Avatar List</ion-title>
|
|
</ion-navbar>
|
|
|
|
<ion-content class="has-header demo-list-icons">
|
|
<ion-list>
|
|
|
|
<ion-header>Today</ion-header>
|
|
|
|
<ion-item>
|
|
<ion-avatar item-left>
|
|
<img src="img/avatar-cher.png">
|
|
</ion-avatar>
|
|
<h2>Cher</h2>
|
|
<p>Ugh. As if.</p>
|
|
</ion-item>
|
|
|
|
<ion-item>
|
|
<ion-avatar item-left>
|
|
<img src="img/avatar-dionne.png">
|
|
</ion-avatar>
|
|
<h2>Dionne</h2>
|
|
<p>Mr. Hall was way harsh on my report card.</p>
|
|
</ion-item>
|
|
|
|
<ion-item>
|
|
<ion-avatar item-left>
|
|
<img src="img/avatar-murray.png">
|
|
</ion-avatar>
|
|
<h2>Murray</h2>
|
|
<p>Excuse me, "Ms. Dione."</p>
|
|
</ion-item>
|
|
|
|
<ion-item>
|
|
<ion-avatar item-left>
|
|
<img src="img/avatar-josh.png">
|
|
</ion-avatar>
|
|
<h2>Josh</h2>
|
|
<p>You're such a superficial space cadet!</p>
|
|
</ion-item>
|
|
|
|
</ion-list>
|
|
|
|
<ion-list>
|
|
|
|
<ion-header>Yesterday</ion-header>
|
|
|
|
<ion-item>
|
|
<ion-avatar item-left>
|
|
<img src="img/avatar-tai.png">
|
|
</ion-avatar>
|
|
<h2>Tai</h2>
|
|
<p>Rollin' with the homies!</p>
|
|
</ion-item>
|
|
|
|
<ion-item>
|
|
<ion-avatar item-left>
|
|
<img src="img/avatar-amber.png">
|
|
</ion-avatar>
|
|
<h2>Amber</h2>
|
|
<p>Um. Whatever.</p>
|
|
</ion-item>
|
|
|
|
<ion-item>
|
|
<ion-avatar item-left>
|
|
<img src="img/avatar-travis.png">
|
|
</ion-avatar>
|
|
<h2>Travis</h2>
|
|
<p>Tardiness is a talent.</p>
|
|
</ion-item>
|
|
|
|
</ion-list>
|
|
|
|
</ion-content>
|
|
|