mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-19 03:32:21 +08:00
37 lines
1.1 KiB
TypeScript
37 lines
1.1 KiB
TypeScript
import {Component, Directive, View} from 'angular2/angular2';
|
|
|
|
import {IonicApp, List, Item, ActionMenu, Modal, ModalRef,
|
|
NavbarTemplate, Navbar, NavController, Content} from 'ionic/ionic';
|
|
|
|
import {SinkPage} from '../sink-page';
|
|
|
|
@Component({
|
|
selector: 'ion-view'
|
|
})
|
|
@View({
|
|
template: `
|
|
<ion-navbar *navbar><ion-nav-items primary><button icon (^click)="toggleMenu()"><i class="icon ion-navicon"></i></button></ion-nav-items><ion-title>Icons</ion-title></ion-navbar>
|
|
|
|
<ion-content class="padding">
|
|
<h2>Icons</h2>
|
|
<p>
|
|
Ionic comes with a totally free (in price and license), icon pack (known as "Ionicons") with over 700
|
|
icons for your app.
|
|
</p>
|
|
<p>
|
|
Ionicons is an icon font, and can be used with simple CSS icon classes (recommended), or
|
|
with unicode characters.
|
|
</p>
|
|
<div>
|
|
<img src="http://ionic-io-assets.s3.amazonaws.com/v2/ionicons.png" style="max-width: 100%">
|
|
</div>
|
|
</ion-content>
|
|
`,
|
|
directives: [NavbarTemplate, Navbar, Content, List, Item]
|
|
})
|
|
export class IconsPage extends SinkPage {
|
|
constructor(app: IonicApp) {
|
|
super(app);
|
|
}
|
|
}
|