深圳全飞鸿

标题: jQueryMobile(JM)中button的分析 [打印本页]
作者: zhgc    时间: 2020-9-2 23:31
标题: jQueryMobile(JM)中button的分析

代码：

  1.                 <button>no class</button>
  2.                 <button class="ui-btn">ui-btn</button>
  3.                 <button class="ui-btn ui-corner-all">ui-btn ui-corner-all</button>
  4.                 <button class="ui-btn ui-corner-all ui-shadow">ui-btn ui-corner-all ui-shadow</button>
  5.                 <button class="ui-btn ui-corner-all ui-shadow ui-icon-carat-r">ui-btn ui-corner-all ui-shadow ui-icon-carat-r</button>
  6.                 <button class="ui-btn ui-corner-all ui-shadow ui-icon-carat-r ui-btn-icon-right">ui-btn ui-corner-all ui-shadow ui-icon-carat-r ui-btn-icon-right</button>
  7.                 <button class="ui-btn ui-btn-inline">ui-btn ui-btn-inline</button>
  8.                 <button class="ui-btn ui-btn-inline">ui-btn ui-btn-inline</button>
  9.                 <button class="ui-btn-inline">ui-btn-inline</button>
复制代码




微信图片_20200902232814.png (18.43 KB, 下载次数: 700)

微信图片_20200902232814.png
作者: zhgc    时间: 2020-9-2 23:38
这个式样，不仅仅只能用到button上

  1.                 <a href="#" class="ui-btn ui-corner-all ui-shadow ui-btn-inline ui-icon-carat-r ui-btn-icon-right">We</a>
  2.                 <button class="ui-btn ui-corner-all ui-shadow ui-btn-inline ui-icon-carat-r ui-btn-icon-right">are</button>
  3.                 <input type="button" value="buttons" data-inline="true" data-icon="carat-r" data-iconpos="right">
复制代码

作者: zhgc    时间: 2021-2-13 09:54

<a href="#myPopup" data-rel="popup" class="ui-btn ui-btn-inline ui-corner-all ui-icon-check ui-btn-icon-left">查看上传信息




欢迎光临 深圳全飞鸿 (http://www.nagomes.com/disc/) Powered by Discuz! X3.2