javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-19 03:32:21 +08:00
Code Issues Packages Projects Releases Wiki Activity

docs(demos): update list content

Browse Source
This commit is contained in:
Drew Rygh
2015-10-19 11:15:50 -05:00
parent 1c6b0ba55f
commit 007c052901
2 changed files with 68 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
demos/component-docs/app.css
View File

@ -187,3 +187,10 @@ ion-card.adv-map p {
background-color: #e6e6e6 !important; background-color: #e6e6e6 !important;
} }
.demo-list-icons icon {
color: #444444;
}
.demo-list-icons icon#secondary {
color: #32DB64;
}

77
demos/component-docs/lists/lists.html
View File

@ -3,32 +3,41 @@
<ion-title>Lists</ion-title> <ion-title>Lists</ion-title>
</ion-navbar> </ion-navbar>
<ion-content class="has-header"> <ion-content class="has-header demo-list-icons">
<ion-list> <ion-list>
<ion-header> <ion-header>
Classes Classes
</ion-header> </ion-header>
<ion-item>
<icon color-wand item-left></icon>
Dark Arts
</ion-item>
<ion-item> <ion-item>
<icon planet item-left></icon> <icon planet item-left></icon>
Astronomy Astronomy
<ion-note item-right>
To the moon
</ion-note>
</ion-item>
<ion-switch checked="false">
<icon body item-left></icon>
Muggle Studies
</ion-switch>
<ion-item>
<icon leaf item-left></icon>
Herbology
<icon rose item-right id="secondary"></icon>
</ion-item> </ion-item>
<ion-item> <ion-item>
<icon flask item-left></icon> <icon flask item-left></icon>
Potions Potions
<ion-note item-right>
Poisonous
</ion-note>
</ion-item> </ion-item>
<ion-item>
<icon star item-left></icon>
Charms
</ion-item>
</ion-list> </ion-list>
@ -36,21 +45,57 @@
<ion-list> <ion-list>
<ion-header> <ion-header>
Menu Activities
</ion-header> </ion-header>
<ion-item>
Incantation
<icon color-wand item-left></icon>
<ion-note item-right>Crucio!</ion-note>
</ion-item>
<ion-switch checked="true"> <ion-switch checked="true">
<icon shirt item-left></icon> <icon brush item-left></icon>
Invisibility Cloak Quidditch Practice
</ion-switch> </ion-switch>
<ion-item> <ion-item>
<icon call item-left></icon> <icon wine item-left></icon>
Call Ron Mead Drinking
<ion-note item-right>Maybe later</ion-note> <ion-note item-right>Yes please</ion-note>
</ion-item> </ion-item>
</ion-list> </ion-list>
<ion-list>
<ion-header>
Friends
</ion-header>
<ion-item>
<icon flash item-left></icon>
Harry
<ion-note item-right>The boy who lived</ion-note>
</ion-item>
<ion-item>
<icon book item-left></icon>
Hermoine
<ion-note item-right>Muggle-born</ion-note>
</ion-item>
<ion-item>
<icon beer item-left></icon>
Ron
<ion-note item-right>Brilliant!</ion-note>
</ion-item>
</ion-list>
</ion-content> </ion-content>