javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-22 13:32:54 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor(segment): increase icon size inside of segment buttons

Browse Source 
closes #5330
This commit is contained in:
Brandy Carney
2016-02-13 12:42:54 -05:00
parent 7aabd0ff69
commit 7249cb39c6
4 changed files with 66 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
ionic/components/segment/test/basic/index.ts
View File

@ -9,15 +9,17 @@ import {App, IonicApp} from '../../../../../ionic/ionic';
directives: [FORM_DIRECTIVES]
})
class MyApp {
constructor(fb: FormBuilder, app: IonicApp) {
this.app = app;
relationship: string = 'enemies';
modelStyle: string = 'B';
appType: string = 'free';
icons: string = 'camera';
myForm;
constructor(fb: FormBuilder) {
this.myForm = fb.group({
mapStyle: ['hybrid', Validators.required]
});
this.relationship = 'enemies';
this.modelStyle = 'B';
this.appType = 'free';
}
onSegmentChanged(segmentButton) {

19
ionic/components/segment/test/basic/main.html
View File

@ -15,12 +15,12 @@
<ion-icon name="search"></ion-icon>
</button>
</ion-buttons>
<ion-segment secondary>
<ion-segment-button value="something">
Something
<ion-segment [(ngModel)]="icons" secondary>
<ion-segment-button value="camera">
<ion-icon name="camera"></ion-icon>
</ion-segment-button>
<ion-segment-button value="else">
Else
<ion-segment-button value="bookmark">
<ion-icon name="bookmark"></ion-icon>
</ion-segment-button>
</ion-segment>
</ion-toolbar>
@ -80,6 +80,15 @@
</ion-segment>
<p>Model Style: <b>Model {{ modelStyle }}</b></p>
<ion-segment [(ngModel)]="icons">
<ion-segment-button value="camera">
<ion-icon name="camera"></ion-icon>
</ion-segment-button>
<ion-segment-button value="bookmark">
<ion-icon name="bookmark"></ion-icon>
</ion-segment-button>
</ion-segment>
</ion-content>
<ion-toolbar position="bottom" primary>