mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-18 19:21:34 +08:00
72 lines
1.3 KiB
HTML
72 lines
1.3 KiB
HTML
|
|
<ion-toolbar><ion-title>Basic Cards</ion-title></ion-toolbar>
|
|
|
|
|
|
<ion-card>
|
|
|
|
<ion-header>
|
|
Card Header
|
|
</ion-header>
|
|
|
|
<div class="item item-text-wrap">
|
|
<div class="item-content">
|
|
Keep close to Nature's heart... and break clear away, once in awhile, and climb a mountain or spend a week in the woods. Wash your spirit clean.
|
|
</div>
|
|
</div>
|
|
|
|
<ion-footer>
|
|
Card Footer
|
|
</ion-footer>
|
|
|
|
</ion-card>
|
|
|
|
|
|
<ion-card>
|
|
|
|
<div class="item">
|
|
<icon name="ion-location"></icon>
|
|
<div class="item-content">
|
|
All Out Card
|
|
</div>
|
|
<button outline>View</button>
|
|
</div>
|
|
|
|
<div class="item item-text-wrap">
|
|
<div class="item-content">
|
|
This is a multiline content within a card that should
|
|
take up multiple lines and stuff.
|
|
</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-footer>
|
|
Card Footer
|
|
</ion-footer>
|
|
|
|
</ion-card>
|
|
|
|
|
|
<ion-card>
|
|
|
|
<div class="item">
|
|
<div class="item-content">
|
|
Card, no header or footer
|
|
</div>
|
|
</div>
|
|
|
|
</ion-card>
|