中国优质的IT技术网站
专业IT技术创作平台
IT职业在线教育平台
滑动容器,提供切换子组件显示的能力。下面通过案例演示效果。
显示效果:
点击“跳转最后一页”
点击“展示下一页”
点击“展示上一页”
Hml文件中的代码
<div class="container"> <swiper class="swiper" id="swiper" index="0" indicator="true" loop="true" digital="false"> <div class = "swiperContent" > <text class = "text">第一页</text> </div> <div class = "swiperContent"> <text class = "text">第二页</text> </div> <div class = "swiperContent"> <text class = "text">第三页</text> </div> </swiper> <input class="button" type="button" value="跳转最后一页" onclick="swipeTo"></input> <input class="button" type="button" value="展示下一页" onclick="showNext"></input> <input class="button" type="button" value="展示上一页" onclick="showPrevious"></input> </div>
完整代码地址:
https://gitee.com/jltfcloudcn/jump_to/tree/master/swiper
微信扫码分享