美文网首页IONIC3轮子集ionic开发
ionic3左右滑动菜单的实现swiper+slides

ionic3左右滑动菜单的实现swiper+slides

作者: IonicBlog | 来源:发表于2017-09-20 16:10 被阅读1863次

    github

    https://github.com/IonicBlog/ionic3-pagemenu

    效果图:

    android

    android.gif

    iOS


    ios.gif

    相关文章

      网友评论

      • d51f9d40cef9:请问 子页面中的 ionviewdidload() 不被调用怎么办 ????
      • VIK丶Cuzyou:请问有没有类似今日头条标题这种可以侧滑到后面更多的滑动菜单 小白好难实现
      • 85732d8c0045:作者,谢谢你写的demo。我请教个问题,我<ion-content class="bg_color">
        <ion-slides #contentSlides (ionSlideDidChange)="slideChanged()">
        <!-- <ion-slide>
        <my-page-menu1></my-page-menu1>
        </ion-slide>

        <ion-slide>
        <my-page-menu2></my-page-menu2>
        </ion-slide>

        <ion-slide>
        <my-page-menu1></my-page-menu1>
        </ion-slide>

        <ion-slide>
        <my-page-menu2></my-page-menu2>
        </ion-slide> -->

        <ion-slide>
        <ion-list>
        <ion-item>
        111111111111111
        </ion-item>
        <ion-item>
        111111111111111
        </ion-item>
        <ion-item>
        111111111111111
        </ion-item>
        <ion-item>
        111111111111111
        </ion-item>
        <ion-item>
        111111111111111
        </ion-item>
        <ion-item>
        111111111111111
        </ion-item>
        <ion-item>
        111111111111111
        </ion-item>
        <ion-item>
        111111111111111
        </ion-item>
        <ion-item>
        111111111111111
        </ion-item>
        </ion-list>
        </ion-slide>

        <ion-slide>
        22222222222
        </ion-slide>

        <ion-slide>
        33333333333
        </ion-slide>

        <ion-slide>
        444444444444
        </ion-slide>

        </ion-slides>
        </ion-content>
        我在ion-slide中在用ion-list不能够拉动,请问是什么原因?谢谢
      • dml1874:代码写点注释就更好了
        dml1874:@IonicBlog 还是非常感谢你们给的例子,特别是对刚入门的小白来说:relaxed:
        IonicBlog:@dml1874 好的,后面会注意。
      • ceido:桶哥,你的代码我看不懂,不过我自己用slides和segment组合起来竟然实现了
        IonicBlog:@wanderer_dfb9 :+1::+1::+1:

      本文标题:ionic3左右滑动菜单的实现swiper+slides

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