barbie7 2016-01-27 17:31 原文
- data-role定义扮演的角色
- page页
- header头部
- content内容
- foooter尾部
- navbar导航
- data-rel出现的方式 data-rel=“dialog”
data-transition
- slide 从左到右切换
- slideup从下到上切换
- slidedown从上到下切换
- pop以弹出框的方式打开一个视图或页面
- fade渐变褪色方式切换
- flip旧页面飞出去,新的页面飞进来
使用网格对齐内容与bootstrap里的栅格是类似,注意:下面是类名,写在class里
- ui-grid-a 创建2列的网格
- 块一ui-block-a
- 块二ui-block-b 下面的以此类推
- ui-grid-b 创建3列的网格
- ui-grid-c 创建4列的网格
- ui-grid-d 创建5列的网格(最多)
- data-position="fixed" 固定头部和底部,不因内容增多而消失
-
data-collapsed-icon="carat-d" 折叠时候的图标
-
data-expanded-icon="carat-u" 展开时的图标
-
data-iconpos="right" 图标位置 left right top
-
data-position="right" 面板出现的位置 left right
- data-display=""
- revear 默认,将页面像幻灯片一样拉出
- push 推出页面
- overlay 覆盖在页面内容之上
- button按钮的设计
- data-inline=“true”默认是整行,设置后按钮由内容撑开,不会占一整行
- data-corners=“false”默认是圆角,取消默认,就是直角的
- data-shadow=“false”默认是有阴影的,取消默认,就会成为直线去掉阴影
- 按钮组需要用div将按钮包起来,data-role="controlgroup"
推荐阅读