阅读(4792) (1)

switch开关

2016-02-24 16:09:55 更新

.aui-switch在列表中我们可以在右侧加上一个开关效果,借助了css3动画效果来实现圆钮的左右滑动,因为AUI本身是一个css样式,所有这个开关并不支持拖动的效果

同时默认提供了几个颜色,可以使用.aui-switch-*来选择使用

<li class="aui-list-view-cell aui-switch-body">
    <div class="aui-switch-title">声音提醒</div>
    <input type="checkbox" class="aui-switch aui-pull-right" checked>
</li>