美文网首页hybrid APP(ionic)我的 ionicionic3开发集锦
ionic 滑动菜单实现(segment + swiper)

ionic 滑动菜单实现(segment + swiper)

作者: No刹那光辉 | 来源:发表于2017-12-11 11:32 被阅读275次

    曾经使用过ionic提供的segment + slides 实现,无奈滑动的时候总感觉有点问题,后来改用swiper代替slides,用起来感觉不错。


    1. swiper官网地址

    http://www.swiper.com.cn/api/index.html

    2. 下载swiper

    http://www.swiper.com.cn/download/index.html

    3. 导入到项目

    4. 初始化

    4.1 初始化segment 

    在对应的ts中

    设置默认选择第一个

    4.2 初始化swiper

    当页面滑动时,改变segment的值

    当用segment 进行切换时,切换swiper页面。如果不使用分页懒加载,请忽略判断代码

    5. 效果

    相关文章

      网友评论

      本文标题:ionic 滑动菜单实现(segment + swiper)

      本文链接:https://www.haomeiwen.com/subject/retiixtx.html