1. 创建界面
|
1
2
3
4
5
6
7
8
9
10
11
12
13
|
<
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. 创建样式
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
page-my-slides {
.myslides{
height
:
150px
;
width
:
100%
;
ion-slide{
height
:
150px
;
width
:
100%
;
img{
height
:
150px
;
width
:
100%
;
}
}
}
}
|
这样轮播图就会显示在顶部了。
本文转自Work Hard Work Smart博客园博客，原文链接：http://www.cnblogs.com/linlf03/p/7896403.html,如需转载请自行联系原作者
