mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-22 21:48:42 +08:00
158 lines
3.4 KiB
HTML
158 lines
3.4 KiB
HTML
<ion-toolbar><ion-title>List No Lines</ion-title></ion-toolbar>
|
|
|
|
<ion-content class="outer-content">
|
|
<ion-list no-lines>
|
|
<ion-list-header>
|
|
List With No Lines
|
|
</ion-list-header>
|
|
|
|
<ion-item>
|
|
<ion-icon name="wifi" item-left></ion-icon>
|
|
<ion-label>Wifi</ion-label>
|
|
<ion-toggle></ion-toggle>
|
|
</ion-item>
|
|
|
|
<ion-item>
|
|
<ion-icon name="heart" item-left></ion-icon>
|
|
Affection
|
|
<ion-note item-right>
|
|
Very Little
|
|
</ion-note>
|
|
</ion-item>
|
|
|
|
<ion-item>
|
|
<ion-icon name="home" item-left></ion-icon>
|
|
Home
|
|
<ion-note item-right>
|
|
Where the heart is
|
|
</ion-note>
|
|
</ion-item>
|
|
</ion-list>
|
|
|
|
<ion-list no-lines>
|
|
<ion-list-header>
|
|
List With Checkboxes No Lines
|
|
</ion-list-header>
|
|
|
|
<ion-item>
|
|
<ion-checkbox item-left></ion-checkbox>
|
|
<ion-avatar item-left>
|
|
<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAACH5BAAAAAAALAAAAAABAAEAAAICTAEAOw==">
|
|
</ion-avatar>
|
|
<ion-label>Wifi</ion-label>
|
|
</ion-item>
|
|
|
|
<ion-item>
|
|
<ion-checkbox item-left></ion-checkbox>
|
|
<ion-avatar item-left>
|
|
<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAACH5BAAAAAAALAAAAAABAAEAAAICTAEAOw==">
|
|
</ion-avatar>
|
|
<ion-label>Affection</ion-label>
|
|
</ion-item>
|
|
|
|
<ion-item>
|
|
<ion-checkbox item-left></ion-checkbox>
|
|
<ion-avatar item-left>
|
|
<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAACH5BAAAAAAALAAAAAABAAEAAAICTAEAOw==">
|
|
</ion-avatar>
|
|
<ion-label>Home</ion-label>
|
|
</ion-item>
|
|
</ion-list>
|
|
|
|
<ion-list>
|
|
<ion-list-header>
|
|
List With No Lines First Item
|
|
</ion-list-header>
|
|
|
|
<ion-item no-lines>
|
|
<ion-icon name="pizza" item-left></ion-icon>
|
|
Pizza
|
|
<ion-note item-right>
|
|
Always
|
|
</ion-note>
|
|
</ion-item>
|
|
|
|
<ion-item>
|
|
<ion-icon name="beer" item-left></ion-icon>
|
|
Beer
|
|
<ion-note item-right>
|
|
Yes Plz
|
|
</ion-note>
|
|
</ion-item>
|
|
|
|
<ion-item>
|
|
<ion-icon name="wine" item-left></ion-icon>
|
|
Wine
|
|
<ion-note item-right>
|
|
All the time
|
|
</ion-note>
|
|
</ion-item>
|
|
</ion-list>
|
|
|
|
<ion-list>
|
|
<ion-list-header>
|
|
List With No Lines Middle Item
|
|
</ion-list-header>
|
|
|
|
<ion-item>
|
|
<ion-icon name="pizza" item-left></ion-icon>
|
|
Pizza
|
|
<ion-note item-right>
|
|
Always
|
|
</ion-note>
|
|
</ion-item>
|
|
|
|
<ion-item no-lines>
|
|
<ion-icon name="beer" item-left></ion-icon>
|
|
Beer
|
|
<ion-note item-right>
|
|
Yes Plz
|
|
</ion-note>
|
|
</ion-item>
|
|
|
|
<ion-item>
|
|
<ion-icon name="wine" item-left></ion-icon>
|
|
Wine
|
|
<ion-note item-right>
|
|
All the time
|
|
</ion-note>
|
|
</ion-item>
|
|
</ion-list>
|
|
|
|
<ion-list>
|
|
<ion-list-header>
|
|
List With No Lines Last Item
|
|
</ion-list-header>
|
|
|
|
<ion-item>
|
|
<ion-icon name="pizza" item-left></ion-icon>
|
|
Pizza
|
|
<ion-note item-right>
|
|
Always
|
|
</ion-note>
|
|
</ion-item>
|
|
|
|
<ion-item>
|
|
<ion-icon name="beer" item-left></ion-icon>
|
|
Beer
|
|
<ion-note item-right>
|
|
Yes Plz
|
|
</ion-note>
|
|
</ion-item>
|
|
|
|
<ion-item no-lines>
|
|
<ion-icon name="wine" item-left></ion-icon>
|
|
Wine
|
|
<ion-note item-right>
|
|
All the time
|
|
</ion-note>
|
|
</ion-item>
|
|
</ion-list>
|
|
</ion-content>
|
|
|
|
<style>
|
|
img {
|
|
height: 100px;
|
|
}
|
|
</style>
|