鸿蒙应用开发练习-Swiper效果展示 原创

滑动容器，提供切换子组件显示的能力。下面通过案例演示效果。

显示效果：

点击“跳转最后一页”

点击“展示下一页”

点击“展示上一页”

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