ionic 图片轮播

最新推荐文章于 2020-03-18 17:03:30 发布

Gerry_

最新推荐文章于 2020-03-18 17:03:30 发布

阅读量597

点赞数

分类专栏： HTML5 Cordova

本文链接：https://blog.csdn.net/zrh1121/article/details/51918892

版权

Cordova 同时被 2 个专栏收录

3 篇文章 0 订阅

订阅专栏

HTML5

2 篇文章 0 订阅

订阅专栏

<ion-view title="主页" ng-controller="homeCtrl">
	<ion-content>
		<ion-slide-box on-slide-changed="slideHasChanged($index)" slide-interval="3000" does-continue="true" auto-play="true" show-pager="true">
			<!--does-continue="true"循环，auto-play="true"自动滑动show-pager="false"隐藏页面指示点-->
			<ion-slide>
				<a href="https://www.baidu.com"><img src="img/p7.png" class="imgSlide"></a>
			</ion-slide>
			<ion-slide>
				<a href="http://www.qq.com"><img src="img/p8.png" class="imgSlide"></a>
			</ion-slide>
			<ion-slide>
				<a href="http://www.163.com"><img src="img/p9.png" class="imgSlide"></a>
			</ion-slide>
		</ion-slide-box>
	</ion-content>
</ion-view>