全国咨询热线:400-618-9090

首页技术文章

UI培训之Jquery Mobile 学习笔记(四)

更新时间:2017年04月14日 13时27分30秒 来源:黑马程序员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>
 
按钮   
按钮标签
  1. button 元素;
  2. 使用会被渲染为按钮的 input 元素,包括 type="button" 、 type="submit"  、    type="reset" 以及 type="image" ;
  3. 任何带有 •  data-role="button" 的 a 元素。
内联按钮
 
按钮分组:

 
 
去掉盒子的圆角 和阴影:
 
 
图标
                
图标位置
 
纯图标按钮
 

本文版权归黑马程序员UI培训学院所有,欢迎转载,转载请注明作者出处。谢谢!
作者:黑马程序员UI培训学院
首发:http://www.itheima.com/news/ui.html/