启动的时候显示的图片是 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>
启动的时候显示的图片是 Ionic 1.x 项目resources下的对应分辨率的 splash.png 文件,这个好像不能定义多张。我们是定义一个新的页面如WelcomePage,然后使用 ion-slides 组件定义多张图片。
然后在 $ionicPlatform.ready() 方法内做页面跳转,我们做的是一个欢迎页,只展示一次。具体看你们的需求,是每次都要显示,还是每次都要显示。另外如果只显示一次的话,把对应的标识存储在 localStorage 内会有问题。localStorage 内的数据会被系统清理掉,所以不能保证数据有效性。
示例代码: