ionic3中轮播组件 单个ion-slide滚动项 宽度只适应(不是全屏)设置方法。

1、效果图:


(1)、html部分代码:


        
          
        
      

(2)、ts控制部分代码:
先通过angularjs核心库和ionic-angular组件库分贝引入VidewChild模块和Slides组件。如图:
 
  
import {Component, ViewChild} from '@angular/core';
import {NavController, NavParams, IonicPage, Slides} from 'ionic-angular';


 
  
 
  
 
  

(3)、使用ViewChild模块获取当前页面Slides组件。

@ViewChild(Slides) slides:Slides;

 
  

(4)、设置Slides组件的freeMode和slidepriview属性值。

this.slides.freeMode = true;
this.slides.slidesPerView = "auto";

完结

 
 

你可能感兴趣的:(ionic,3.0)