mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-22 21:48:42 +08:00
68 lines
1.7 KiB
HTML
68 lines
1.7 KiB
HTML
<ion-toolbar><ion-title>Item Images</ion-title></ion-toolbar>
|
|
|
|
<ion-content>
|
|
|
|
<ion-item>
|
|
Plain Ol' div w/ some text, no images
|
|
</ion-item>
|
|
|
|
<ion-item>
|
|
<ion-icon name="mail" item-left></ion-icon>
|
|
One Line w/ Icon, div only text
|
|
</ion-item>
|
|
|
|
<ion-item>
|
|
<ion-icon name="mail" item-left></ion-icon>
|
|
<h2>Two Lines w/ Icon, H2 Header</h2>
|
|
<p>Paragraph text.</p>
|
|
</ion-item>
|
|
|
|
<ion-item>
|
|
<ion-avatar item-left>
|
|
<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAACH5BAAAAAAALAAAAAABAAEAAAICTAEAOw==">
|
|
</ion-avatar>
|
|
One Line w/ Avatar, div only text
|
|
</ion-item>
|
|
|
|
<ion-item>
|
|
<ion-avatar item-left>
|
|
<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAACH5BAAAAAAALAAAAAABAAEAAAICTAEAOw==">
|
|
</ion-avatar>
|
|
<h2>Two Lines w/ Avatar, H2 Header</h2>
|
|
<p>Paragraph text.</p>
|
|
</ion-item>
|
|
|
|
<ion-item>
|
|
<ion-avatar item-left>
|
|
<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAACH5BAAAAAAALAAAAAABAAEAAAICTAEAOw==">
|
|
</ion-avatar>
|
|
<h2>Three Lines w/ Avatar, H2 Header</h2>
|
|
<p>Paragraph text.</p>
|
|
<p>Paragraph text.</p>
|
|
</ion-item>
|
|
|
|
<ion-item>
|
|
<ion-thumbnail item-left>
|
|
<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAACH5BAAAAAAALAAAAAABAAEAAAICTAEAOw==">
|
|
</ion-thumbnail>
|
|
<h2>Two Lines w/ Thumbnail, H2 Header</h2>
|
|
<p>Paragraph text.</p>
|
|
</ion-item>
|
|
|
|
<ion-item>
|
|
<ion-thumbnail item-left>
|
|
<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAACH5BAAAAAAALAAAAAABAAEAAAICTAEAOw==">
|
|
</ion-thumbnail>
|
|
<h2>Three Lines w/ Thumbnail, H2 Header</h2>
|
|
<p>Paragraph text.</p>
|
|
<p>Paragraph text.</p>
|
|
</ion-item>
|
|
|
|
</ion-content>
|
|
|
|
<style>
|
|
img {
|
|
height: 100px;
|
|
}
|
|
</style>
|