mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-20 12:29:55 +08:00
Full item
This commit is contained in:
@ -19,7 +19,7 @@ export * from 'ionic/components/nav/nav-item'
|
|||||||
// export * from 'ionic/components/radio/radio-group'
|
// export * from 'ionic/components/radio/radio-group'
|
||||||
// export * from 'ionic/components/search-bar/search-bar'
|
// export * from 'ionic/components/search-bar/search-bar'
|
||||||
// export * from 'ionic/components/split-view/split-view'
|
// export * from 'ionic/components/split-view/split-view'
|
||||||
// export * from 'ionic/components/switch/switch'
|
export * from 'ionic/components/switch/switch'
|
||||||
export * from 'ionic/components/tabs/tabs'
|
export * from 'ionic/components/tabs/tabs'
|
||||||
export * from 'ionic/components/tabs/tab'
|
export * from 'ionic/components/tabs/tab'
|
||||||
export * from 'ionic/components/toolbar/toolbar'
|
export * from 'ionic/components/toolbar/toolbar'
|
||||||
|
@ -18,9 +18,12 @@
|
|||||||
<ion-label>Note</ion-label>
|
<ion-label>Note</ion-label>
|
||||||
<textarea control="note" type="text" placeholder="A description"></textarea>
|
<textarea control="note" type="text" placeholder="A description"></textarea>
|
||||||
</ion-input>
|
</ion-input>
|
||||||
|
<ion-switch [checked]="true">
|
||||||
|
Ice cream?
|
||||||
|
</ion-switch>
|
||||||
</ion-list>
|
</ion-list>
|
||||||
<ion-list inset>
|
<ion-list inset>
|
||||||
<ion-item button>
|
<ion-item full>
|
||||||
<button ion-button danger clear>
|
<button ion-button danger clear>
|
||||||
Delete Account
|
Delete Account
|
||||||
</button>
|
</button>
|
||||||
|
@ -1,6 +1,6 @@
|
|||||||
import {Component, View, bootstrap} from 'angular2/angular2'
|
import {Component, View, bootstrap} from 'angular2/angular2'
|
||||||
import {FormBuilder, Validators, FormDirectives, ControlGroup} from 'angular2/forms';
|
import {FormBuilder, Validators, FormDirectives, ControlGroup} from 'angular2/forms';
|
||||||
import {Button, Form, List, Label, Item, Input, Content} from 'ionic/ionic';
|
import {Button, Switch, Form, List, Label, Item, Input, Content} from 'ionic/ionic';
|
||||||
|
|
||||||
@Component({ selector: '[ion-app]' })
|
@Component({ selector: '[ion-app]' })
|
||||||
@View({
|
@View({
|
||||||
|
@ -39,9 +39,10 @@ $item-ios-border-color: $list-ios-border-color !default;
|
|||||||
color: $item-ios-accessory-color;
|
color: $item-ios-accessory-color;
|
||||||
}
|
}
|
||||||
|
|
||||||
.item-button {
|
.item-full {
|
||||||
// No left ios-style padding
|
// No left ios-style padding
|
||||||
padding-left: 0;
|
padding-left: 0;
|
||||||
|
|
||||||
button {
|
button {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
font-size: 1.3em;
|
font-size: 1.3em;
|
||||||
|
@ -55,7 +55,7 @@ export class Item {
|
|||||||
}
|
}
|
||||||
|
|
||||||
new IonicComponent(Item, {
|
new IonicComponent(Item, {
|
||||||
propClasses: ['button']
|
propClasses: ['full']
|
||||||
})
|
})
|
||||||
|
|
||||||
|
|
||||||
|
@ -129,6 +129,6 @@ ion-primary-swipe-buttons {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.item-button {
|
.item-full {
|
||||||
|
|
||||||
}
|
}
|
||||||
|
@ -27,7 +27,7 @@ import {IonicComponent} from 'ionic/config/component'
|
|||||||
})
|
})
|
||||||
export class Switch {
|
export class Switch {
|
||||||
constructor(
|
constructor(
|
||||||
element: NgElement
|
@NgElement() element:NgElement
|
||||||
// @PropertySetter('attr.role') setAriaRole: Function,
|
// @PropertySetter('attr.role') setAriaRole: Function,
|
||||||
// @PropertySetter('attr.aria-checked') setChecked: Function,
|
// @PropertySetter('attr.aria-checked') setChecked: Function,
|
||||||
// @PropertySetter('attr.aria-invalid') setInvalid: Function,
|
// @PropertySetter('attr.aria-invalid') setInvalid: Function,
|
||||||
|
Reference in New Issue
Block a user