mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-20 12:29:55 +08:00
chore(build): fix demo compile errors, tslint errors
fix demo compile errors, tslint errors
This commit is contained in:
31
demos/src/button/AppModule.ts
Normal file
31
demos/src/button/AppModule.ts
Normal file
@ -0,0 +1,31 @@
|
||||
import { Component, NgModule } from '@angular/core';
|
||||
import { IonicApp, IonicModule } from 'ionic-angular';
|
||||
|
||||
|
||||
@Component({
|
||||
templateUrl: 'main.html'
|
||||
})
|
||||
export class ApiDemoPage {}
|
||||
|
||||
|
||||
@Component({
|
||||
template: '<ion-nav [root]="root"></ion-nav>'
|
||||
})
|
||||
export class ApiDemoApp {
|
||||
root = ApiDemoPage;
|
||||
}
|
||||
|
||||
@NgModule({
|
||||
declarations: [
|
||||
ApiDemoApp,
|
||||
ApiDemoPage
|
||||
],
|
||||
imports: [
|
||||
IonicModule.forRoot(ApiDemoApp)
|
||||
],
|
||||
bootstrap: [IonicApp],
|
||||
entryComponents: [
|
||||
ApiDemoPage
|
||||
]
|
||||
})
|
||||
export class AppModule {}
|
68
demos/src/button/main.html
Normal file
68
demos/src/button/main.html
Normal file
@ -0,0 +1,68 @@
|
||||
<ion-header>
|
||||
|
||||
<ion-navbar>
|
||||
<ion-title>Button</ion-title>
|
||||
</ion-navbar>
|
||||
|
||||
</ion-header>
|
||||
|
||||
|
||||
<ion-content text-center>
|
||||
|
||||
<h4>Colors</h4>
|
||||
|
||||
<button ion-button>Default</button>
|
||||
|
||||
<button ion-button color="secondary">Secondary</button>
|
||||
|
||||
<button ion-button color="danger">Danger</button>
|
||||
|
||||
<button ion-button color="light">Light</button>
|
||||
|
||||
<button ion-button color="dark">Dark</button>
|
||||
|
||||
<h4>Shapes</h4>
|
||||
|
||||
<button ion-button full>Full Button</button>
|
||||
|
||||
<button ion-button block>Block Button</button>
|
||||
|
||||
<button ion-button round>Round Button</button>
|
||||
|
||||
<button ion-button fab style="position: relative;">FAB</button>
|
||||
|
||||
<h4>Outlines</h4>
|
||||
|
||||
<button ion-button color="secondary" full outline>Outline + Full</button>
|
||||
|
||||
<button ion-button color="secondary" block outline>Outline + Block</button>
|
||||
|
||||
<button ion-button color="secondary" round outline>Outline + Round</button>
|
||||
|
||||
<button ion-button color="secondary" fab outline style="position: relative;">FAB</button>
|
||||
|
||||
<h4>Icons</h4>
|
||||
|
||||
<button ion-button icon-left color="dark">
|
||||
<ion-icon name="star"></ion-icon>
|
||||
Left Icon
|
||||
</button>
|
||||
|
||||
<button ion-button icon-right color="dark">
|
||||
Right Icon
|
||||
<ion-icon name="star"></ion-icon>
|
||||
</button>
|
||||
|
||||
<button ion-button icon-only color="dark">
|
||||
<ion-icon name="star"></ion-icon>
|
||||
</button>
|
||||
|
||||
<h4>Sizes</h4>
|
||||
|
||||
<button ion-button color="light" large>Large</button>
|
||||
|
||||
<button ion-button color="light">Default</button>
|
||||
|
||||
<button ion-button color="light" small>Small</button>
|
||||
|
||||
</ion-content>
|
Reference in New Issue
Block a user