mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-21 21:15:24 +08:00
44 lines
931 B
HTML
44 lines
931 B
HTML
|
|
<ion-toolbar><ion-title>Card Images</ion-title></ion-toolbar>
|
|
|
|
|
|
<ion-content class="outer-content">
|
|
|
|
<ion-card>
|
|
<div>
|
|
<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAACH5BAAAAAAALAAAAAABAAEAAAICTAEAOw==">
|
|
</div>
|
|
<ion-card-content>
|
|
<h4>H4 text inside ion-card-content</h4>
|
|
<p>Paragraph text inside ion-card-content.</p>
|
|
</ion-card-content>
|
|
</ion-card>
|
|
|
|
|
|
<ion-card>
|
|
|
|
<ion-item>
|
|
<ion-avatar item-left>
|
|
<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAACH5BAAAAAAALAAAAAABAAEAAAICTAEAOw==">
|
|
</ion-avatar>
|
|
<h2>Card With An Inset Picture, H2 text</h2>
|
|
<p>Isn't it beautiful.</p>
|
|
</ion-item>
|
|
|
|
<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAACH5BAAAAAAALAAAAAABAAEAAAICTAEAOw==">
|
|
|
|
</ion-card>
|
|
|
|
</ion-content>
|
|
|
|
|
|
<style>
|
|
ion-avatar img {
|
|
width: 80px !important;
|
|
height: 80px;
|
|
}
|
|
img {
|
|
height: 100px;
|
|
}
|
|
</style>
|