mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-19 03:32:21 +08:00
refactor(demos): give each component section its own view
This commit is contained in:
78
demos/component-docs/icons/icons.html
Normal file
78
demos/component-docs/icons/icons.html
Normal file
@ -0,0 +1,78 @@
|
||||
|
||||
<ion-navbar *navbar class="show-navbar">
|
||||
<ion-title>Icons</ion-title>
|
||||
</ion-navbar>
|
||||
|
||||
<ion-content class="has-header padding components-icons">
|
||||
|
||||
<ion-row>
|
||||
<ion-col><icon ionic></icon></ion-col>
|
||||
<ion-col><icon ion-social-angular></icon></ion-col>
|
||||
<ion-col><icon ionitron></icon></ion-col>
|
||||
</ion-row>
|
||||
|
||||
<ion-row>
|
||||
<ion-col><icon heart></icon></ion-col>
|
||||
<ion-col><icon apps></icon></ion-col>
|
||||
<ion-col><icon happy></icon></ion-col>
|
||||
</ion-row>
|
||||
|
||||
<ion-row>
|
||||
<ion-col><icon people></icon></ion-col>
|
||||
<ion-col><icon person></icon></ion-col>
|
||||
<ion-col><icon contact></icon></ion-col>
|
||||
</ion-row>
|
||||
|
||||
<ion-row>
|
||||
<ion-col><icon lock></icon></ion-col>
|
||||
<ion-col><icon key></icon></ion-col>
|
||||
<ion-col><icon unlock></icon></ion-col>
|
||||
</ion-row>
|
||||
|
||||
<ion-row>
|
||||
<ion-col><icon map></icon></ion-col>
|
||||
<ion-col><icon navigate></icon></ion-col>
|
||||
<ion-col><icon pin></icon></ion-col>
|
||||
</ion-row>
|
||||
|
||||
<ion-row>
|
||||
<ion-col><icon mic></icon></ion-col>
|
||||
<ion-col><icon musical-notes></icon></ion-col>
|
||||
<ion-col><icon volume-up></icon></ion-col>
|
||||
</ion-row>
|
||||
|
||||
<ion-row>
|
||||
<ion-col><icon cafe></icon></ion-col>
|
||||
<ion-col><icon calculator></icon></ion-col>
|
||||
<ion-col><icon bus></icon></ion-col>
|
||||
</ion-row>
|
||||
|
||||
<ion-row>
|
||||
<ion-col><icon camera></icon></ion-col>
|
||||
<ion-col><icon cube></icon></ion-col>
|
||||
<ion-col><icon image></icon></ion-col>
|
||||
</ion-row>
|
||||
|
||||
<ion-row>
|
||||
<ion-col><icon star></icon></ion-col>
|
||||
<ion-col><icon wine></icon></ion-col>
|
||||
<ion-col><icon pin></icon></ion-col>
|
||||
</ion-row>
|
||||
|
||||
<ion-row>
|
||||
<ion-col><icon arrow-back></icon></ion-col>
|
||||
<ion-col><icon arrow-dropdown></icon></ion-col>
|
||||
<ion-col><icon arrow-forward></icon></ion-col>
|
||||
</ion-row>
|
||||
|
||||
<ion-row>
|
||||
<ion-col><icon sunny></icon></ion-col>
|
||||
<ion-col><icon umbrella</icon></ion-col>
|
||||
<ion-col><icon rainy></icon></ion-col>
|
||||
</ion-row>
|
||||
|
||||
</ion-content>
|
||||
|
||||
|
||||
|
||||
|
10
demos/component-docs/icons/icons.ts
Normal file
10
demos/component-docs/icons/icons.ts
Normal file
@ -0,0 +1,10 @@
|
||||
import {IonicPlatform, IonicView} from 'ionic/ionic';
|
||||
|
||||
@IonicView({
|
||||
templateUrl: 'icons/icons.html',
|
||||
})
|
||||
export class IconsPage {
|
||||
constructor() {
|
||||
|
||||
}
|
||||
}
|
Reference in New Issue
Block a user