教育行業(yè)A股IPO第一股(股票代碼 003032)

全國(guó)咨詢/投訴熱線:400-618-4000

UI培訓(xùn)之Jquery Mobile 學(xué)習(xí)筆記(四)

更新時(shí)間:2016年05月20日17時(shí)07分 來(lái)源:傳智播客UI培訓(xùn)學(xué)院 瀏覽次數(shù):


    創(chuàng)建網(wǎng)格只需使用塊容器,典型情況為 div ,類 ui-grid-a 表示兩列, ui-grid-b 表示三列, ui-grid-c 表示四列, ui-grid-d 表示五列。默認(rèn)情況下,網(wǎng)格的各列 寬度相同。    
<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>
 
按鈕   
按鈕標(biāo)簽
  1. button 元素;
  2. 使用會(huì)被渲染為按鈕的 input 元素,包括 type="button" 、 type="submit"  、    type="reset" 以及 type="image" ;
  3. 任何帶有 •  data-role="button" 的 a 元素。
內(nèi)聯(lián)按鈕
 
按鈕分組:

 
 
去掉盒子的圓角 和陰影:
 
 
圖標(biāo)
                
圖標(biāo)位置
 
純圖標(biāo)按鈕
 
0 分享到:
和我們?cè)诰€交談!