美文网首页ionic
App启动页滑动欢迎界面

App启动页滑动欢迎界面

作者: 谢大见 | 来源:发表于2017-07-12 15:05 被阅读75次

    App在第一次启动时都有一个欢迎界面,通常是几个单页面或者带动画的单页面滑动到最后一页有个启动的按钮


    <ion-content padding>
        <ion-list>
     <ion-slides class="banner base-width" pager="true">
                <ion-slide>
                    ![](assets/img/guide1.png)
                </ion-slide>
                <ion-slide>
                    ![](assets/img/guide2.png)
                </ion-slide>
                <ion-slide>
                    ![](assets/img/guide3.png)
                </ion-slide>
                <ion-slide>
                    ![](assets/img/guide4.png)
                </ion-slide>
            </ion-slides>
        </ion-list>
    </ion-content>
    

    参考地址:
    这里判断是否是第一次开启app采用的是native的storage组件,第一次启动会写入storage一个变量firstIn,下次启动时如果读取到这个变量则直接跳过欢迎页,注意ionic2开始storage默认使用的是IndexedDB,而不是LocalStorage

    相关文章

      网友评论

        本文标题:App启动页滑动欢迎界面

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