Ionic slides 轮播图

1. 创建界面

<ion-content>
  <ion-slides pager class="myslides">
    <ion-slide>
      <img src="assets/images/slide01.png" />
    </ion-slide>
    <ion-slide>
      <img src="assets/images/slide02.png" />
    </ion-slide>
    <ion-slide>
      <img src="assets/images/slide03.jpg" />
    </ion-slide>
  </ion-slides>
</ion-content>

　　

2. 创建样式

page-my-slides {
 .myslides{
   height:150px;
   width: 100%;
    ion-slide{
      height:150px;
      width: 100%;

      img{
        height:150px;
        width: 100%;
      }
    }
 }
}

　　这样轮播图就会显示在顶部了。