mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-24 14:58:36 +08:00
80 lines
2.0 KiB
HTML
80 lines
2.0 KiB
HTML
<ion-toolbar><ion-title>Sliding Items</ion-title></ion-toolbar>
|
|
|
|
<ion-list>
|
|
|
|
<ion-item-sliding text-wrap detail-push>
|
|
<h3>Max Lynch</h3>
|
|
<p>
|
|
Hey do you want to go to the game tonight?
|
|
</p>
|
|
<ion-item-options>
|
|
<button primary>Archive</button>
|
|
</ion-item-options>
|
|
</ion-item-sliding>
|
|
|
|
<ion-item-sliding text-wrap detail-push>
|
|
<h3>Adam Bradley</h3>
|
|
<p>
|
|
I think I figured out how to get more Mountain Dew
|
|
</p>
|
|
<ion-item-options>
|
|
<button primary>Archive</button>
|
|
<button danger><icon trash></icon></button>
|
|
</ion-item-options>
|
|
</ion-item-sliding>
|
|
|
|
<ion-item-sliding text-wrap detail-push *ng-if="shouldShow">
|
|
<h3>Ben Sperry</h3>
|
|
<p>
|
|
I like paper
|
|
</p>
|
|
<ion-item-options>
|
|
<button primary>Archive</button>
|
|
<button danger>Delete</button>
|
|
</ion-item-options>
|
|
</ion-item-sliding>
|
|
|
|
<ion-item-sliding>
|
|
<icon mail item-left></icon>
|
|
One Line w/ Icon, div only text
|
|
<ion-item-options>
|
|
<button primary>Archive</button>
|
|
</ion-item-options>
|
|
</ion-item-sliding>
|
|
|
|
<ion-item-sliding>
|
|
<ion-avatar item-left>
|
|
<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAACH5BAAAAAAALAAAAAABAAEAAAICTAEAOw==">
|
|
</ion-avatar>
|
|
One Line w/ Avatar, div only text
|
|
<ion-item-options>
|
|
<button primary>Archive</button>
|
|
</ion-item-options>
|
|
</ion-item-sliding>
|
|
|
|
<ion-item-sliding>
|
|
<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-options>
|
|
<button primary>Archive</button>
|
|
</ion-item-options>
|
|
</ion-item-sliding>
|
|
|
|
<ion-item-sliding text-wrap detail-push *ng-for="#item of getItems()">
|
|
<h3>ng-for {{item}}</h3>
|
|
<ion-item-options>
|
|
<button primary>Archive</button>
|
|
</ion-item-options>
|
|
</ion-item-sliding>
|
|
|
|
</ion-list>
|
|
|
|
<style>
|
|
img {
|
|
height: 100px;
|
|
}
|
|
</style>
|