ionic slide-box等元素使用
来源:互联网 发布:淘宝的分销平台在哪里 编辑:程序博客网 时间:2024/06/11 01:09
ionic 建立app时引导页的制作
通常的引导页是由一些简单、包含app主要特点的几幅页面滑动显示,在ionic中 引导页通常使用javascript元素 Slide box.
<ion-slide-box does-continue="true" auto-play="true" slide-interval="2000" slide-pager="true" class="box-bg"> <ion-slide class="box"> box1 </ion-slide> <ion-slide class="box"> box2 </ion-slide> <ion-slide class="box"> box3 </ion-slide></ion-slide-box>
如上代码所示,使用ion-slide-box作为容器,ion-slide作为容器中滑动的元素,注意在css文件中如果要让每个.box高度变为100%等,先改变ion-slide-box中box-bg的height为100%。
属性设置:
1. does-continue="true"
是否重复滑动显示
2.auto-play="true"
自动滑动
3.slide-interval="2000"
自动滑动的时间间隔
4. slide-pager="true"
显示page图标
0 0
- ionic slide-box等元素使用
- ionic中的slide-box
- ionic的ion-slide-box使用ng-repeat不显示
- ionic slide-box(滑动框)
- ionic 幻灯指令 ion-slide-box
- ionic ion-slide-box学习笔记整理
- angularjs+ionic 轮播ion-slide-box标签使用下拉重新请求数据之后页面变形
- 使用ionic中ion-slide-box实现移动app轮播特效
- Ionic基础——幻灯指令 ion-slide-box
- ionic之ion-slide-box实现图片轮播
- ionic slide-box 少于3张bug修复
- ionic 滑动块 ion-slide-box 左右无缝滚动
- ionic入门教程第十课-接着说说ion-slide-box和它的注意事项、slide-tabs
- ionic入门教程第十课-接着说说ion-slide-box和它的注意事项、slide-tabs
- ionic ion-slide-box网络加载图片,及时更新,无限循环
- ionic,ion-slide-box获取后台数据后循环播放失效的解决方法。
- ionic之ion-slide-box实现图片轮播样式修改
- 解决Ionic的ion-slide-box 2条数据渲染问题
- VMware出现unable to open kernel device 的一个简单解决办法
- 一个80后程序员的转行创业日记13--新项目即将启动
- 一些不错的网站
- ACM_模板_网络流
- 【理解】Auto Layout自动布局(二)
- ionic slide-box等元素使用
- 程序员瑞士军刀之 Fabric
- IOS Apps 开发(Swift)(6)——Implement a Custom Control(1)
- 手把手教你做开源项目MyMeiZi 一( RxJava + Retrofit)
- Exception in thread "main" java.lang.StackOverflowError!
- 用C语言将一个数开根号后再取倒数的方法
- ios-基础用法之【8】-pch文件配置
- 【JAVA】20、方法的定义
- ZSC 1114 又见二进制 (递归)