The Mip-filter filter component describes how the Mip-filter filter component is used

Title	Content
Type	General
Support layout	Responsive,fixed-height,fill,container,fixed Document
The required script	Https://mipcache.bdstatic.com/static/v1/mip-filter/mip-filter.js

Example

filtering, which supports filtering items from the 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" > View all

<spanclass= "Filter-num" >3</span></div>

</li>

<li class= "Filter-title" >

<div class= "Filter-link" data-filtertype= "widget" > (widget) component <span class= "Filter-num" >2</span> </div>

</li>

<li class= "Filter-title" >

<div class= "Filter-link" data-filtertype= "Layout" > (layout) component 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) components new </span>

</div>

<div class= "Filter-item" data-filtertype= "Layout" >

<span> (layout) Advertising component Layout upgrade </span>

</div>

<div class= "Filter-item" data-filtertype= "widget" >

<span> (widget) Beta release </span>

</div>

</div>

</mip-filter>

Property

Mip-filter-filterwrap

Description: Filter button DOM

Required option: Yes

Type: string

Value: Document.queryselector () can fill in the contents, such as ". Box"

Mip-filter-itemwrap

Description: Filter Item DOM

Required option: Yes

Type: string

Value: Document.queryselector () can fill in the contents, such as ". Box"

Mip-filter-enablehash

Description: Whether hash control is supported

Required option: No, type: string

Take value: True, False

Default value: True