W3Cschool
恭喜您成為首批注冊(cè)用戶
獲得88經(jīng)驗(yàn)值獎(jiǎng)勵(lì)
.aui-switch
在列表中我們可以在右側(cè)加上一個(gè)開(kāi)關(guān)效果,借助了css3動(dòng)畫效果來(lái)實(shí)現(xiàn)圓鈕的左右滑動(dòng),因?yàn)锳UI本身是一個(gè)css樣式,所有這個(gè)開(kāi)關(guān)并不支持拖動(dòng)的效果
同時(shí)默認(rèn)提供了幾個(gè)顏色,可以使用.aui-switch-*來(lái)選擇使用
<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>
Copyright©2021 w3cschool編程獅|閩ICP備15016281號(hào)-3|閩公網(wǎng)安備35020302033924號(hào)
違法和不良信息舉報(bào)電話:173-0602-2364|舉報(bào)郵箱:jubao@eeedong.com
掃描二維碼
下載編程獅App
編程獅公眾號(hào)
聯(lián)系方式:
更多建議: