01.buttonGroup
蓝色直角扁平按钮组使用说明:
<input> 按钮组标签整体html:
<div class="ui-btnGro-fbl">
<input type="button" value="Left" class="ui-btnGro-L"/>
<input type="button" value="Middle" class="ui-btnGro-M" />
<input type="button" value="Right" class="ui-btnGro-R" />
</div>
大按钮需要添加的样式:ui-btnGro-fbl ui-btnGro-L ui-btnGro-M ui-btnGro-R
中按钮需要添加的样式:ui-btnGro-fbm ui-btnGro-L ui-btnGro-M ui-btnGro-R
小按钮需要添加的样式:ui-btnGro-fbs ui-btnGro-L ui-btnGro-M ui-btnGro-R
注:class="把文字换成您需要添加的样式"
说明:ui-btnGro-fbl 这里的btn是button(按钮)的英文缩写,Gro是Group(组)的英文缩写,fbl:f是指扁平化,b是指blue蓝色,l 是指大按钮,如果要用中按钮,把 fbl 改成 fbm ,如果要用小按钮,把 fbl 改成 fbs
绿色直角扁平按钮组使用说明:
<input> 按钮组标签整体html:
<div class="ui-btnGro-fgl">
<input type="button" value="Left" class="ui-btnGro-L"/>
<input type="button" value="Middle" class="ui-btnGro-M" />
<input type="button" value="Right" class="ui-btnGro-R" />
</div>
大按钮需要添加的样式:ui-btnGro-fgl ui-btnGro-L ui-btnGro-M ui-btnGro-R
中按钮需要添加的样式:ui-btnGro-fgm ui-btnGro-L ui-btnGro-M ui-btnGro-R
小按钮需要添加的样式:ui-btnGro-fgs ui-btnGro-L ui-btnGro-M ui-btnGro-R
注:class="把文字换成您需要添加的样式"
说明:ui-btnGro-fgl 这里的btn是button(按钮)的英文缩写,Gro是Group(组)的英文缩写,fgl:f是指扁平化,g是指green绿色,l 是指大按钮,如果要用中按钮,把 fgl 改成 fgm ,如果要用小按钮,把 fgl 改成 fgs
灰色直角渐变按钮组使用说明:
<input> 按钮组标签整体html:
<div class="ui-btnGro-gbl">
<input type="button" value="Left" class="ui-btnGro-L"/>
<input type="button" value="Middle" class="ui-btnGro-M" />
<input type="button" value="Right" class="ui-btnGro-R" />
</div>
大按钮需要添加的样式:ui-btnGro-gbl ui-btnGro-L ui-btnGro-M ui-btnGro-R
中按钮需要添加的样式:ui-btnGro-gbm ui-btnGro-L ui-btnGro-M ui-btnGro-R
小按钮需要添加的样式:ui-btnGro-gbs ui-btnGro-L ui-btnGro-M ui-btnGro-R
注:class="把文字换成您需要添加的样式"
说明:ui-btnGro-gbl 这里的btn是button(按钮)的英文缩写,Gro是Group(组)的英文缩写,gbl:g是指渐变背景,b是指blue蓝色,l 是指大按钮,如果要用中按钮,把 gbl 改成 gbm ,如果要用小按钮,把 gbl 改成 gbs
蓝色圆角扁平按钮组使用说明:
<input> 按钮组标签整体html:
<div class="ui-btnGro-fbl ui-btnGro-radius">
<input type="button" value="Left" class="ui-btnGro-L"/>
<input type="button" value="Middle" class="ui-btnGro-M" />
<input type="button" value="Right" class="ui-btnGro-R" />
</div>
大按钮需要添加的样式:ui-btnGro-fbl ui-btnGro-radius ui-btnGro-L ui-btnGro-M ui-btnGro-R
中按钮需要添加的样式:ui-btnGro-fbm ui-btnGro-radius ui-btnGro-L ui-btnGro-M ui-btnGro-R
小按钮需要添加的样式:ui-btnGro-fbs ui-btnGro-radius ui-btnGro-L ui-btnGro-M ui-btnGro-R
注:class="把文字换成您需要添加的样式"
说明:ui-btnGro-fbl 这里的btn是button(按钮)的英文缩写,Gro是Group(组)的英文缩写, ui-btnGro-radius为圆角,fbl:f是指扁平化,b是指blue蓝色,l 是指大按钮,如果要用中按钮,把 fbl 改成 fbm ,如果要用小按钮,把 fbl 改成 fbs
绿色圆角扁平按钮组使用说明:
<input> 按钮组标签整体html:
<div class="ui-btnGro-fgl ui-btnGro-radius">
<input type="button" value="Left" class="ui-btnGro-L"/>
<input type="button" value="Middle" class="ui-btnGro-M" />
<input type="button" value="Right" class="ui-btnGro-R" />
</div>
大按钮需要添加的样式:ui-btnGro-fgl ui-btnGro-radius ui-btnGro-L ui-btnGro-M ui-btnGro-R
中按钮需要添加的样式:ui-btnGro-fgm ui-btnGro-radius ui-btnGro-L ui-btnGro-M ui-btnGro-R
小按钮需要添加的样式:ui-btnGro-fgs ui-btnGro-radius ui-btnGro-L ui-btnGro-M ui-btnGro-R
注:class="把文字换成您需要添加的样式"
说明:ui-btnGro-fgl 这里的btn是button(按钮)的英文缩写,Gro是Group(组)的英文缩写, ui-btnGro-radius为圆角,fgl:f是指扁平化,g是指green绿色,l 是指大按钮,如果要用中按钮,把 fgl 改成 fgm ,如果要用小按钮,把 fgl 改成 fgs
灰色圆角渐变按钮组使用说明:
<input> 按钮组标签整体html:
<div class="ui-btnGro-gbl ui-btnGro-radius">
<input type="button" value="Left" class="ui-btnGro-L"/>
<input type="button" value="Middle" class="ui-btnGro-M" />
<input type="button" value="Right" class="ui-btnGro-R" />
</div>
大按钮需要添加的样式:ui-btnGro-gbl ui-btnGro-radius ui-btnGro-L ui-btnGro-M ui-btnGro-R
中按钮需要添加的样式:ui-btnGro-gbm ui-btnGro-radius ui-btnGro-L ui-btnGro-M ui-btnGro-R
小按钮需要添加的样式:ui-btnGro-gbs ui-btnGro-radius ui-btnGro-L ui-btnGro-M ui-btnGro-R
注:class="把文字换成您需要添加的样式"
说明:ui-btnGro-gbl 这里的btn是button(按钮)的英文缩写,Gro是Group(组)的英文缩写, ui-btnGro-radius为圆角,gbl:g是指渐变背景,b是指blue蓝色,l 是指大按钮,如果要用中按钮,把 gbl 改成 gbm ,如果要用小按钮,把 gbl 改成 gbs