MIP文檔手冊(cè)
/ mip-filter 篩選
mip-filter 篩選
mip-filter 篩選
篩選組件,自適應(yīng)pc和wise寬度。mipengine.org有引用
示例
篩選功能,支持從hash定位篩選項(xiàng).
<mip-filter mip-filter-filterWrap=".filter" mip-filter-itemWrap=".filter-item-wrap" mip-filter-enableHash="true"> <sidebar class="filter"> <div class="filter-result"></div> <ul class="filter-list"> <li class="filter-title"> <div class="filter-link" data-filtertype="all">(all)查看全部<span class="filter-num">3</span></div> </li> <li class="filter-title"> <div class="filter-link" data-filtertype="widget">(widget)組件<span class="filter-num">2</span></div> </li> <li class="filter-title"> <div class="filter-link" data-filtertype="layout">(layout)組件布局<span class="filter-num">1</span></div> </li> </ul> </sidebar> <div class="filter-item-wrap"> <div class="filter-item" data-filtertype="widget"> <span>(widget) 組件新增</span> </div> <div class="filter-item" data-filtertype="layout"> <span>(layout)廣告組件 layout 升級(jí)</span> </div> <div class="filter-item" data-filtertype="widget"> <span>(widget)測試版發(fā)布</span> </div> </div> </mip-filter>
屬性
mip-filter-filterWrap
說明:篩選按鈕 DOM
必選項(xiàng):是
類型:字符串
取值:document.querySelector()可填內(nèi)容,如“.box”
mip-filter-itemWrap
說明:篩選項(xiàng) DOM
必選項(xiàng):是
類型:字符串
取值:document.querySelector()可填內(nèi)容,如“.box”
mip-filter-enableHash
說明:是否支持hash控制
必選項(xiàng): 否,
類型:字符串
取值:true, false
默認(rèn)值:true