javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-23 05:58:26 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(slides): support centering slides and using decimal numbers

Browse Source 
Closes #10361
This commit is contained in:
Jody Brewster
2017-06-05 12:12:25 -04:00
committed by mhartington
parent f5bbdcd32e
commit e3c60c5de4
2 changed files with 15 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/components/slides/slides.ts
View File

@ -365,10 +365,22 @@ export class Slides extends Ion {
return this._slidesPerView; return this._slidesPerView;
} }
set slidesPerView(val: any) { set slidesPerView(val: any) {
this._slidesPerView = val === 'auto' ? 'auto' : parseInt(val, 10); this._slidesPerView = val === 'auto' ? 'auto' : parseFloat(val);
} }
private _slidesPerView: number|string = 1; private _slidesPerView: number|string = 1;
/**
* @input {boolean} Center a slide in the middle of the screen.
*/
@Input()
get centeredSlides() {
return this._centeredSlides;
}
set centeredSlides(val: boolean) {
this._centeredSlides = isTrueProperty(val);
}
private _centeredSlides: boolean = false;
/** /**
* @hidden * @hidden
*/ */
@ -381,10 +393,6 @@ export class Slides extends Ion {
* @hidden * @hidden
*/ */
slidesPerGroup = 1; slidesPerGroup = 1;
/**
* @hidden
*/
centeredSlides = false;
/** /**
* @hidden * @hidden
*/ */

3
src/components/slides/test/options/main.html
View File

@ -5,7 +5,8 @@
(ionSlideDrag)="onSlideDrag($event)" (ionSlideDrag)="onSlideDrag($event)"
pager="true" pager="true"
effect="slide" effect="slide"
slidesPerView="2" slidesPerView="2.1"
centeredSlides="true"
spaceBetween="40"> spaceBetween="40">
<ion-slide style="background: red; color: white;"> <ion-slide style="background: red; color: white;">