mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2026-03-13 10:22:08 +08:00
64 lines
1.4 KiB
HTML
64 lines
1.4 KiB
HTML
|
|
<ion-toolbar><ion-title>Card Images</ion-title></ion-toolbar>
|
|
|
|
|
|
<ion-card>
|
|
<div class="item">
|
|
<div style="background:gray; width:100%; height:120px"></div>
|
|
</div>
|
|
<div class="item no-border-bottom">
|
|
<div class="item-content">
|
|
<h4 style="color:gray">Item with no-border-bottom</h4>
|
|
</div>
|
|
</div>
|
|
<div class="item item-text-wrap">
|
|
<div class="item-content">
|
|
<p>This is content text and stuff.</p>
|
|
</div>
|
|
</div>
|
|
<div class="item">
|
|
<div class="item-content">
|
|
<a href="#">Like</a>
|
|
</div>
|
|
<div class="item-content align-right">
|
|
<a href="#">Share</a>
|
|
</div>
|
|
</div>
|
|
</ion-card>
|
|
|
|
|
|
<ion-card>
|
|
|
|
<div class="item">
|
|
<div class="item-media">
|
|
<div class="avatar" style="background:gray; width:100px; height:100px"></div>
|
|
</div>
|
|
<div class="item-content">
|
|
<h2>Card With An Inset Picture</h2>
|
|
<p>Isn't it beautiful</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="item">
|
|
<div class="item-content">
|
|
<div style="background:gray; width:100%; height:120px"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="item">
|
|
<div class="item-content">
|
|
<icon small name="ion-star"></icon>
|
|
<span>255</span>
|
|
</div>
|
|
<div class="item-content">
|
|
<icon small name="ion-reply"></icon>
|
|
<span>Reply</span>
|
|
</div>
|
|
<div class="item-content">
|
|
<icon small name="ion-forward"></icon>
|
|
Forward
|
|
</div>
|
|
</div>
|
|
|
|
</ion-card>
|