JavaEE
鸿蒙应用开发
HTML&JS+前端
Python+大数据开发
人工智能开发
电商视觉设计
软件测试
新媒体+短视频
集成电路应用开发
C/C++
狂野架构师
IP短视频
UI培训之Jquery Mobile 学习笔记（四）
更新时间:2016年05月20日17时07分 来源:传智播客UI培训学院 浏览次数:
列
创建网格只需使用块容器，典型情况为 div ，类 ui-grid-a 表示两列， ui-grid-b 表示三列， ui-grid-c 表示四列， ui-grid-d 表示五列。默认情况下，网格的各列 宽度相同。
<div data-role="content">
<section class="ui-grid-b">
<!-- 第一行 -->
<div class="ui-block-a">Cell 1.1</div>
<div class="ui-block-b">Cell 1.2</div>
<div class="ui-block-c">Cell 1.3</div>
<!-- 第二行 -->
<div class="ui-block-a">Cell 2.1</div>
<div class="ui-block-b">Cell 2.2</div>
<div class="ui-block-c">Cell 2.3</div>
</section>
</div>
按钮
按钮标签
按钮分组：
去掉盒子的圆角 和阴影：
图标
图标位置
纯图标按钮
创建网格只需使用块容器，典型情况为 div ，类 ui-grid-a 表示两列， ui-grid-b 表示三列， ui-grid-c 表示四列， ui-grid-d 表示五列。默认情况下，网格的各列 宽度相同。
<div data-role="content">
<section class="ui-grid-b">
<!-- 第一行 -->
<div class="ui-block-a">Cell 1.1</div>
<div class="ui-block-b">Cell 1.2</div>
<div class="ui-block-c">Cell 1.3</div>
<!-- 第二行 -->
<div class="ui-block-a">Cell 2.1</div>
<div class="ui-block-b">Cell 2.2</div>
<div class="ui-block-c">Cell 2.3</div>
</section>
</div>
按钮
按钮标签
- button 元素；
- 使用会被渲染为按钮的 input 元素，包括 type="button" 、 type="submit" 、 type="reset" 以及 type="image" ；
- 任何带有 • data-role="button" 的 a 元素。
按钮分组：
去掉盒子的圆角 和阴影：
图标
图标位置
纯图标按钮
最新资讯
0
分享到：
江苏传智播客教育科技股份有限公司 版权所有Copyright 2006-2024 All Rights Reserved 苏ICP备16007882号营业执照增值电信业务经营许可证出版物经营许可证
苏公网安备 32132202001156号