ionic 1.*版本 启动页可以放多张图片吗?

要用ionic实现,APP启动时,像原生那样 有三张图片滑动。现在用的是ionic 1.*版本, 启动页可以放多张图片吗?如果不能放多张图片的话,还有什么方法可以实现APP打开时有三张图片滑动呢?

阅读 3.2k
2 个回答

启动的时候显示的图片是 Ionic 1.x 项目resources下的对应分辨率的 splash.png 文件,这个好像不能定义多张。我们是定义一个新的页面如WelcomePage,然后使用 ion-slides 组件定义多张图片。

然后在 $ionicPlatform.ready() 方法内做页面跳转,我们做的是一个欢迎页,只展示一次。具体看你们的需求,是每次都要显示,还是每次都要显示。另外如果只显示一次的话,把对应的标识存储在 localStorage 内会有问题。localStorage 内的数据会被系统清理掉,所以不能保证数据有效性。

示例代码:

<ion-view title="" hide-nav-bar="true">

    <ion-slide-box show-pager="false" on-slide-changed="slideHasChanged($index)">
        <ion-slide>
            <img src="img/welcome/welcome_1.jpg" style="width: 100%; display: block" alt="">
        </ion-slide>
        <ion-slide>
            <img src="img/welcome/welcome_2.jpg" style="width: 100%; display: block" alt="">
        </ion-slide>
        <ion-slide>
            <img src="img/welcome/welcome_3.jpg" style="width: 100%; display: block" alt="">
        </ion-slide>
        <ion-slide>
            <img src="img/welcome/welcome_4.jpg" style="width: 100%; display: block" alt="">
            <span ng-click="enter()" class="welcome-enter"></span>
        </ion-slide>
    </ion-slide-box>

</ion-view>

请问在启动页面怎么隐藏底部导航栏呢

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进