mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-21 13:01:01 +08:00
61 lines
1.3 KiB
HTML
61 lines
1.3 KiB
HTML
|
|
<ion-toolbar><ion-title>Basic Cards</ion-title></ion-toolbar>
|
|
|
|
<ion-content class="outer-content" style="background:#eee">
|
|
|
|
<ion-card>
|
|
|
|
<ion-card-header>
|
|
Card Header
|
|
</ion-card-header>
|
|
|
|
<ion-card-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.
|
|
</ion-card-content>
|
|
|
|
</ion-card>
|
|
|
|
|
|
<ion-card>
|
|
|
|
<ion-item>
|
|
<ion-icon name="pin" item-left></ion-icon>
|
|
ion-item in a card, icon left, button right
|
|
<button outline item-right>View</button>
|
|
</ion-item>
|
|
|
|
<ion-card-content>
|
|
This is content, without any paragraph or header tags,
|
|
within an ion-card-content element.
|
|
</ion-card-content>
|
|
|
|
</ion-card>
|
|
|
|
|
|
<ion-card>
|
|
|
|
<a ion-item href="#" class="activated">
|
|
<ion-icon name="wifi" item-left></ion-icon>
|
|
Card Link Item 1 .activated
|
|
</a>
|
|
|
|
<a ion-item href="#">
|
|
<ion-icon name="wine" item-left></ion-icon>
|
|
Card Link Item 2
|
|
</a>
|
|
|
|
<button ion-item class="activated">
|
|
<ion-icon name="warning" item-left></ion-icon>
|
|
Card Button Item 1 .activated
|
|
</button>
|
|
|
|
<button ion-item>
|
|
<ion-icon name="walk" item-left></ion-icon>
|
|
Card Button Item 2
|
|
</button>
|
|
|
|
</ion-card>
|
|
|
|
</ion-content>
|