mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-22 13:32:54 +08:00
05c7b8f0d7
- add spacing between imports - alphabetize imports - removed app.html files in favor of an inline ion-nav - cleaned up config demo so it uses proper syntax - use file name main.html for the first page for the demo - name the app ApiDemoApp and first page ApiDemoPage - replace the ion-toolbars with ion-navbars closes #7019 closes driftyco/ionic-site#647
78 lines
2.6 KiB
HTML
78 lines
2.6 KiB
HTML
<ion-header>
|
|
|
|
<ion-navbar>
|
|
<ion-title>Icon</ion-title>
|
|
</ion-navbar>
|
|
|
|
</ion-header>
|
|
|
|
|
|
<ion-content text-center class="icon-demo">
|
|
|
|
<ion-row>
|
|
<ion-col><ion-icon name="ionic" primary></ion-icon></ion-col>
|
|
<ion-col><ion-icon name="logo-angular"></ion-icon></ion-col>
|
|
<ion-col><ion-icon name="heart" danger></ion-icon></ion-col>
|
|
<ion-col><ion-icon name="ionitron" primary></ion-icon></ion-col>
|
|
|
|
<ion-col><ion-icon name="happy" vibrant></ion-icon></ion-col>
|
|
<ion-col><ion-icon name="people"></ion-icon></ion-col>
|
|
<ion-col><ion-icon name="person"></ion-icon></ion-col>
|
|
<ion-col><ion-icon name="contact"></ion-icon></ion-col>
|
|
|
|
<ion-col><ion-icon name="apps"></ion-icon></ion-col>
|
|
<ion-col><ion-icon name="lock"></ion-icon></ion-col>
|
|
<ion-col><ion-icon name="key" bright></ion-icon></ion-col>
|
|
<ion-col><ion-icon name="unlock"></ion-icon></ion-col>
|
|
|
|
<ion-col><ion-icon name="map" secondary></ion-icon></ion-col>
|
|
<ion-col><ion-icon name="navigate"></ion-icon></ion-col>
|
|
<ion-col><ion-icon name="pin"></ion-icon></ion-col>
|
|
<ion-col><ion-icon name="locate"></ion-icon></ion-col>
|
|
|
|
<ion-col><ion-icon name="mic"></ion-icon></ion-col>
|
|
<ion-col><ion-icon name="musical-notes" vibrant></ion-icon></ion-col>
|
|
<ion-col><ion-icon name="volume-up"></ion-icon></ion-col>
|
|
<ion-col><ion-icon name="microphone"></ion-icon></ion-col>
|
|
|
|
<ion-col><ion-icon name="cafe" bright></ion-icon></ion-col>
|
|
<ion-col><ion-icon name="calculator"></ion-icon></ion-col>
|
|
<ion-col><ion-icon name="bus"></ion-icon></ion-col>
|
|
<ion-col><ion-icon name="wine" danger></ion-icon></ion-col>
|
|
|
|
<ion-col><ion-icon name="camera"></ion-icon></ion-col>
|
|
<ion-col><ion-icon name="image" secondary></ion-icon></ion-col>
|
|
<ion-col><ion-icon name="star" bright></ion-icon></ion-col>
|
|
<ion-col><ion-icon name="pin"></ion-icon></ion-col>
|
|
|
|
<ion-col><ion-icon name="arrow-dropup-circle" vibrant></ion-icon></ion-col>
|
|
<ion-col><ion-icon name="arrow-back"></ion-icon></ion-col>
|
|
<ion-col><ion-icon name="arrow-dropdown"></ion-icon></ion-col>
|
|
<ion-col><ion-icon name="arrow-forward"></ion-icon></ion-col>
|
|
|
|
<ion-col><ion-icon name="cloud"></ion-icon></ion-col>
|
|
<ion-col><ion-icon name="sunny" bright></ion-icon></ion-col>
|
|
<ion-col><ion-icon name="umbrella"></ion-icon></ion-col>
|
|
<ion-col><ion-icon name="rainy" primary></ion-icon></ion-col>
|
|
</ion-row>
|
|
|
|
</ion-content>
|
|
|
|
<style>
|
|
.icon-demo ion-icon {
|
|
font-size: 50px;
|
|
}
|
|
|
|
.icon-demo ion-row {
|
|
height: 100%;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.icon-demo ion-col {
|
|
flex: 0 0 25%;
|
|
max-width: 25%;
|
|
text-align: center;
|
|
padding: 10px 5px;
|
|
}
|
|
</style>
|