mip-filter 篩選

篩選組件，自適應(yīng)pc和wise寬度。mipengine.org有引用

示例

篩選功能，支持從hash定位篩選項.

<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 升級</span> 
        </div>
        <div class="filter-item" data-filtertype="widget">
            <span>(widget)測試版發(fā)布</span>
        </div>
    </div>
</mip-filter>

屬性

mip-filter-filterWrap

說明：篩選按鈕 DOM
必選項：是
類型：字符串
取值：document.querySelector()可填內(nèi)容，如“.box”

mip-filter-itemWrap

說明：篩選項 DOM
必選項：是
類型：字符串
取值：document.querySelector()可填內(nèi)容，如“.box”

mip-filter-enableHash

說明：是否支持hash控制
必選項: 否, 類型：字符串
取值：true, false
默認(rèn)值：true