收藏339
分享
阅读14014
更新时间2022-04-11
筛选组件,自适应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)测试版发布</span> </div> </div> </mip-filter>
说明:筛选按钮 DOM
必选项:是
类型:字符串
取值:document.querySelector()可填内容,如“.box”
说明:筛选项 DOM
必选项:是
类型:字符串
取值:document.querySelector()可填内容,如“.box”
说明:是否支持hash控制
必选项: 否,
类型:字符串
取值:true, false
默认值:true
相关
视频
RELATED VIDEOS
科技资讯
1
2
3
4
5
6
7
8
9
精选课程
共5课时
17.3万人学习
共49课时
77.4万人学习
共29课时
62万人学习
共25课时
39.5万人学习
共43课时
71.3万人学习
共25课时
61.9万人学习
共22课时
23.1万人学习
共28课时
34.1万人学习
共89课时
125.7万人学习