kero
Version:
67 lines (64 loc) • 2.82 kB
HTML
<div class="u-container-fluid u-widget-bg">
<div class="u-row">
<div class="u-col-md-12">
<div class="u-widget u-widget-right">
<div class="u-widget-heading">
<h3 class="u-widget-title">普通checkbox</h3>
</div>
<div class="u-widget-body">
<!--普通复选框代码 -->
<label class="u-checkbox">
<input type="checkbox" class="u-checkbox-input" checked>
<span class="u-checkbox-label">Checkbox</span>
</label>
</div>
</div>
</div>
<div class="u-col-md-12">
<div class="u-widget u-widget-right">
<div class="u-widget-heading">
<h3 class="u-widget-title">不可用checkbox</h3>
</div>
<div class="u-widget-body">
<!--不可用复选框代码 -->
<label class="u-checkbox">
<input type="checkbox" class="u-checkbox-input" disabled checked>
<span class="u-checkbox-label">Checkbox</span>
</label>
</div>
</div>
</div>
<div class="u-col-md-12">
<div class="u-widget u-widget-right">
<div class="u-widget-heading">
<h3 class="u-widget-title">图片checkbox</h3>
</div>
<div class="u-widget-body">
<!--图片复选框代码 -->
<label class="u-checkbox w-64">
<input type="checkbox" class="u-checkbox-input" checked>
<span class="u-checkbox-label"><img src="../static/checkbox-1.png" height="30" width="30"></span>
</label>
<label class="u-checkbox w-64">
<input type="checkbox" class="u-checkbox-input">
<span class="u-checkbox-label"><img src="../static/checkbox-2.png" height="30" width="30"></span>
</label>
</div>
</div>
</div>
<div class="u-col-md-12">
<div class="u-widget u-widget-right">
<div class="u-widget-heading">
<h3 class="u-widget-title">其它checkbox</h3>
</div>
<div class="u-widget-body">
<!--其它复选框代码 -->
<label class="u-checkbox u-checkbox-labelauty">
<input type="checkbox" class="u-checkbox-input" checked>
<span class="u-checkbox-label">30天免息</span>
</label>
</div>
</div>
</div>
</div>
</div>